4en3rgY Romania
Tutorial customizare profil 2z8bv910
Welcome To 4EN3RGY Romania
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!

4en3rgY Romania


Nu sunteti conectat. Conectați-vă sau înregistrați-vă

Tutorial customizare profil

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

1Tutorial customizare profil Empty Tutorial customizare profil Vin 28 Dec 2012, 14:32

Viorel

ViorelFondator

Descriere: Cu ajutorul acestui tutorial ve-ti avea capacitatea de a realiza un profil customizabil (cu tabel ,cum vreti voi)
Autor: DuByZ
Timp de lucru: in jur de 5 minute
Nivel de dificultate: Easy(Usor)
Fisiere necesare pentru modificat:
  • stylesheet.css
  • viewtopic_obdy.html

    Fisiere de uploadat :
  • Niciunul


[size=150]Let's begin![/size]
Deschideti fisierul stylesheet.css ,cautati ultima linie si dupa ea adaugati

Cod:
.profil{
background:#[codul culorii dorite];
font-size:9px;
padding:5px;
padding-left:8px;
padding-right:8px;
margin-left:0px;
border:1px [sau cat vreti voi]solid #[codul culorii dorite];
text-decoration:none;

De asemenea ,daca doriti si cateva efecte in plus cand pozitionati cursoul mouse-ului la profil ,atunci adaugati o noua clasa hover si ar rezulta cam asa


Cod:
.profil:hover{

Aici adaugati ce detalii vreti sa iesa in evidenta cand pozitionati cursorul mouse-ului pe profil ,puteti adauga detaliile de mai sus schimband doar culoarea backgroundului si cea a borderului ,sau puteti face borderul sa fie punctat :
border:1px dashed
inlocuind solid cu dashed

Bun ,acum vom intra in viewtopic_body.html si vom cauta partea de profil ,aceasta fiind
Cod:
<td width="100%" height="25">
            <table width="100%" cellspacing="0">
            <tr>
            <!-- IF postrow.POST_ICON_IMG -->
               <td><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" title="" /></td>
            <!-- ENDIF -->
               <td class="gensmall" width="100%"><div style="float: {S_CONTENT_FLOW_BEGIN};"> <b>{L_POST_SUBJECT}:</b> {postrow.POST_SUBJECT}</div><div style="float: {S_CONTENT_FLOW_END};"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF --><b>{L_POSTED}:</b> {postrow.POST_DATE} </div></td>
            </tr>
            </table>
         </td>
      </tr>

      <!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

         <td valign="top" class="profile">
            <table cellspacing="4" align="center" width="150">
         
         
         <!-- IF postrow.POSTER_AVATAR -->
            <tr>
               <td>{postrow.POSTER_AVATAR}</td>
            </tr>
         <!-- ENDIF -->
         
            </table>
Din aceasta parte pana la profilul customizat puteti modifica cum si unde doriti sa apara clasa de profil pe care am salvat-o recent in styleshee.css
De exemplu,doriti sa inserati aceasta clasa la avatar :


{postrow.POSTER_AVATAR}



Doar scrieti clasa si inchideti tag-ul .

Acesta a fost tutorialul ,aveti nelamuriri/sugestii/altceva in legatura cu tutorialul?Postati aici!

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum

 

Copyright @ 2010-2024 by 4en3rgY ~> All rights reserved.