Jump to content
CODEX

Cum sa extindeti headerul [vBulletin]

Recommended Posts

Deci sa va explic cum se face :)

Acest tutorial va va ajuta sa extindeti banneru din header cum sa faceti propilu header sa funtioneze.

Sa incepem sa cream un banner cu dimeniuniile 780 x 160 ( ca exemplu )

Rezultatul in imaginea de mai jos..

header.gif

Apoi decupati logoul din partea stanga

crop1a.gif

Si salvati ca head_left.gif

head_left.gif

Apoi decupati si partea dreapta a header ca in imaginea de mai jos:

crop2.gif

Si salvati ca head_right.gif

head_right.gif

Apoi selectati imaginea de background - aceasta nu necesita mai mult de 1 sau 2 px , ca in imaginea de mai jos :

crop3.gif

Decupati partea selectat si salvati-o ca headbg.gif:

headbg.gif

Acum uploadati toate cele 3 imagini in folderul misc din / images

Apoi mergeti in admincp> styles&templates> style manager> all style options>

Selectati Header , dublu click si

headeradmin.gif

Stergeti tot ce se afla acolo si introduceti codul urmator :

<!-- logo -->
<a name="top"></a>
<center>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="background-image:url($stylevar[imgdir_misc]/headbg.gif)">
<tr>

<td align="left" valign="top"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/head_left.gif" border="0" alt=""/></a></td>
<td align="right" valign="bottom"><img src="$stylevar[imgdir_misc]/head_right.jpg" alt="" /></td>
</tr>
</table>
</center>

<!-- /logo -->
<!-- content table -->
$spacer_open

$_phpinclude_output

Updateaza codul schimband doar tipul imaginiilor care le folositi gif/jpeg.

Tradus in Limba Romana de CODEX

Tutorial © vBulletin.org

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...