Motanel Tutorials


 
AcasaAcasa  RegulamentRegulament  FAQFAQ  CautareCautare  MembriMembri  InregistrareInregistrare  ConectareConectare  

Personalizarea background-ului si a bodyline-ului.


Navigare :: Suport Forumuri (ForumGratuit)
AutorMesaj
 ElyoS
avatar
Rang: Membru - MT™

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Personalizarea background-ului si a bodyline-ului. Dum 13 Mar 2011 - 1:37
Ei bine pentru crearea unei teme phpbb2 eu am inceput sa personalizez backgroundul si bodylineul..
Backgroundul stiti cu toti ce este.. iar bodyline-ul este clasa css prin care putem adauga umbra, border si alte proprietati forumului..


Pentru a adauga proprietati background-ului folosim clasa css body
Putem adauga un background format dintr-o culoare:
Cod:
body{
background-color: #f9f9f9;
}

dintr-o imagine:
Cod:
body{
background-image: url(link);
}
sau combinat:
Cod:
body{
background: #f9f9f9 url(link);
}

De asemenea putem modifica pozitia backgroundului in cazul unui background imagine + culoare:
Cod:
body{
background: #f9f9f9 url(link);
background-position: bottom center;
}

sau o putem face sa se repete sau nu:

Cod:
body{
background: #f9f9f9 url(link);
background-position: bottom center;
background-repeat: no-repeat sau repeat-x sau repeat-y;
}


Pentru a personaliza forumul folosim clasa css .bodyline
Si putem crea un border:
Cod:
.bodyline{
border: 1px solid #c7c7c7;
}

Un background( al forumului, nu cel aflat sub acesta ):
Cod:
.bodyline{
border: 1px solid #c7c7c7;
background: #f7f7f7;
}

Colturi rotunjite:
Cod:


.bodyline{
border: 1px solid #c7c7c7;
background: #f7f7f7;
border-radius: 3px;
-moz-border-radius: 3px;
-web-kit-border-radius: 3px;
}

Umbra..:
Cod:
.bodyline{
border: 1px solid #c7c7c7;
background: #f7f7f7;
border-radius: 3px;
-moz-border-radius: 3px;
-web-kit-border-radius: 3px;
-moz-box-shadow: 0 0 4px #a6a6a6;
-webkit-box-shadow: 0 0 4px #a6a6a6;
box-shadow: 0 0 4px #a6a6a6;
}


Cam atat am avut de spus.. este un tutorial pentru incepatori.. zambet


Rezultatul tutorialului:
http://scoaladecoding.forumz.ro/
 acalyme
avatar
Rang: Membru - MT™

Respetarea regulilor 75%

Vezi profilul utilizatorului
MesajSubiect: Re: Personalizarea background-ului si a bodyline-ului. Dum 13 Mar 2011 - 2:18
Bun tutorial e explicit .....Foarte bine tine-o tot asa .....! o sa vin cu un edit ca sa pun si ce mai esit mie ....!

PS: Scuze ca ma bag dar cred ca in acest tutorial trebuia sa abgi s comanda "background-attachment:fixed" pentru a puen un background fix

Edit: http://acalyme-test.forumer.ro/ Momentan nu se va pune acent pe desing nu ? raset (eu sper ca nu) astea sunt pur si simplu codurile puse si cu niste imagini gasite biggrin

(Presupun ca la "examene" se tien cont si de desing ? )


Ultima editare efectuata de catre acalyme in Dum 13 Mar 2011 - 3:00, editata de 1 ori
 Kr@nE
avatar
Rang: Membru - MT™

Respetarea regulilor 75%

Vezi profilul utilizatorului
MesajSubiect: Re: Personalizarea background-ului si a bodyline-ului. Dum 13 Mar 2011 - 2:44
Foarte frumos , bravo pentru acest tutorial , explicit si tot ceea ce trebuie
 ElyoS
avatar
Rang: Membru - MT™

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: Personalizarea background-ului si a bodyline-ului. Dum 13 Mar 2011 - 3:10
Vreau ca intr-un final sa aveti fiecare o tema pe placul vostru, pe care sa o folositi pe forumul vostru !


O sa va invat lucrurile ce tin de structura, design-ul sa fie ideea voastra.
 acalyme
avatar
Rang: Membru - MT™

Respetarea regulilor 75%

Vezi profilul utilizatorului
MesajSubiect: Re: Personalizarea background-ului si a bodyline-ului. Dum 13 Mar 2011 - 7:08
Bine zis ......abea astept ........(chair daca stiam asta) imi palce cum ai explicat si cum ai transpus .........Nici prea multe detali nici prea putine ........(deobicei nu prea imi palc detalile super excesive strica prea mult si uneori deformeaza un contiunt) Astep sa vad ce va iesi domn profesor biggrin
 The Unique
avatar
Rang: Membru - MT™

Respetarea regulilor Utilizator banat

Vezi profilul utilizatorului
MesajSubiect: Re: Personalizarea background-ului si a bodyline-ului. Dum 13 Mar 2011 - 7:16
Super zambet
Daca o sa ne ajuti in ritmul acesta , pot sa pariez ca vom avea teme foarte frumoase:D
 Ciupa-Ciups
avatar
Rang: Designer

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: Personalizarea background-ului si a bodyline-ului. Dum 13 Mar 2011 - 11:13
Abia astept noul tutorial. biggrin

Uite si ce mi-a iesit mie: http://robert-test.forumz.ro/
 sebyta12
avatar
Rang: Membru - MT™

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: Personalizarea background-ului si a bodyline-ului. Joi 17 Mar 2011 - 10:40
Ete ce mi-a iesit si mie:
http://seby12-teste.forumgratis.ro/
 acalyme
avatar
Rang: Membru - MT™

Respetarea regulilor 75%

Vezi profilul utilizatorului
MesajSubiect: Re: Personalizarea background-ului si a bodyline-ului. Vin 18 Mar 2011 - 12:58
E uastept urmatoarea Lectie ......!
 ElyoS
avatar
Rang: Membru - MT™

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: Personalizarea background-ului si a bodyline-ului. Vin 18 Mar 2011 - 13:33
Crezi ca am timp sa fac lectii pentru voi?confuz
Daca aveti rabdare totul o sa fie ok.. zambet
 Continut sponsorizat
Rang:


MesajSubiect: Re: Personalizarea background-ului si a bodyline-ului.



Copyright © 2013 - Toate drepturile rezervate
Design creat si codat de Alexandru Miron si Stefan Patrascu