[Shop] => Conturi steam & Licente la preturi accesibile
Aici
<!-- Start of adf.ly banner code --><a href="http://adf.ly/?id=10051389"><img border="0" src="https://cdn.adf.ly/images/banners/adfly.300x250.1.gif" width="300" height="250" title="AdF.ly - shorten links and earn money!" /></a>
<!-- End of adf.ly banner code -->
[Shop] => Conturi steam & Licente la preturi accesibile
Aici
<!-- Start of adf.ly banner code --><a href="http://adf.ly/?id=10051389"><img border="0" src="https://cdn.adf.ly/images/banners/adfly.300x250.1.gif" width="300" height="250" title="AdF.ly - shorten links and earn money!" /></a>
<!-- End of adf.ly banner code -->
AcasaAcasa  CăutareCăutare  Ultimele imaginiUltimele imagini  ÎnregistrareÎnregistrare  ConectareConectare  






In Prime Сasual Dating - Verified Ladies by:Anexy
In Authentic Damsels Supreme Сasual Dating by:Anexy
In Metin2RO Hacks - Cea mai mare comunitate de Metin2 Ro din Romania by:MdL
In Test by:MdL
In Leis setat de BuLLeT by:blupy
» Top five «
MdL (2756)
AdyNuTz (1540)
David18 (1182)
Kestrel (1178)
C0L4 (701)
J'adore # (677)
Dl.Puf (667)
InamiculPublic (582)
MaNu (503)
Roby123 (498)


Distribuiţi|

header phpbb2 la fel ca punbb si phpbb3

Vezi subiectul anterior Vezi subiectul urmator In jos
AutorMesaj
MdL

Administrator
MdL
Rank: Administrator
Mesaje : 2756
Membru din : 23/11/2011
Nick CS : nDyc3 #-
Mulţumiri : 130
 header phpbb2 la fel ca punbb si phpbb3 Empty
MesajSubiect: header phpbb2 la fel ca punbb si phpbb3  header phpbb2 la fel ca punbb si phpbb3 Icon_minitimeSam Ian 05, 2013 3:44 am

Salut sunt BuLLeT si astazi am sa va invat cum sa creati un header pe phpbb2 la fel ca punbb sau phpbb3.Se pare ca multa lume a crezut ca este imposibil dar nici macar nu au incercat

La sfarsit o sa pun previzualizarea si print screen
Hai sa incepem
Pasul 1: Avem nevoie de doua imagini pentru header si meniu
Imagine header -> [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
imagine meniu -> [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Eu am ales doua imagini la intamplare negre (chiar daca ele par urate asteptati rezultatul final)
Avem imaginile acum:

pasul 2: intram iin Panou de administrare/afisare/templateuri/general/overal_header si cautam acest cod
Cod:
<table width="100%" cellspacing="0" cellpadding="0" border="0">

Si il inlocuiti cu acest cod

Cod:
  <table class="headerbar" width="100%" cellspacing="0" cellpadding="0" border="0">
           


Salvati si publicati templateul.
Pasul 3: Intram in panou de administrare/afisare/culori/CSS
si personalizam headerul cu acest cod
Cod:

    .headerbar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url(http://i42.servimg.com/u/f42/14/12/03/12/133.png);
    border: 1px solid black;
box-shadow: 0px 0px 2px white inset}

In cod am adaugat imaginea de mai sus,un border negru,colturi si o umbra interioara de 2px alba care da un aspect mult mai placut
[/code]


Pasul 4: Personalizarea meniului

Intram din nou in Panou de administrare/afisare/templateuri/general/overal_header

si cautam acest cod
Cod:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">

Acum in inlocuim cu acesta
Cod:
  <table class="navbarr" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
         

Salvati si publicati templateul

Pasul 5: intram iar in CSS si personalizam fundalul meniului cu imaginea de mai su cu acest cod

Cod:

  .navbarr {
  padding-left: 10px;
    background-image: url(http://i42.servimg.com/u/f42/14/12/03/12/231.png);
    margin-top: 10px;
    border: 1px solid black;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
position: relative;
bottom: 11px;
height: 27px

}

Pasul 6: Pesonalizarea meniului

Adaugam in CSS acest cod
Cod:


a.mainmenu{
  background: #252525;
  border: 1px solid black;
 -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;
  box-shadow: 0px 0px 2px white inset;
  padding: 2px;
color: white!important}

Si ca meniul sa fie putin mai interesant ii un hover
Cod:

a.mainmenu:hover{
  background: #141414;
  border: 1px solid black;
 -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;
  box-shadow: 0px 0px 2px white inset;
  padding: 2px;
color: white!important}
 


Legenda meniu :
background: #141414; - reprezinta fundalul
border: 1px solid black; - linia neagra ce inconjoara fundalul
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
- Rotunjeste colturile
box-shadow: 0px 0px 2px white inset; - umbra interioara a meniului
padding: 2px; - spatiul dintre text si border
color: white!important - culoarea textului din meniu


Previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Print screen :
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]


Sper ca va fost de folos
Sus In jos

header phpbb2 la fel ca punbb si phpbb3

Vezi subiectul anterior Vezi subiectul urmator Sus
SusIn jos
SusIn jos
SusIn jos
SusIn jos

Subiecte similare

-
t Header phpbb2 la fel ca punbb si phpbb3
t FaceBook like phpbb2 & punBB
t soare in header [phpbb]
t Adaugare mesaj in header!
t Inaltimea header-ului categoriei.
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
 :: [» RESURSE-CS «] Support :: Tutoriale-
Flag Counter