Imagine si descriere la subforumuri (Toate versiunile)

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Imagine si descriere la subforumuri (Toate versiunile)

Mesaj Scris de Emanuel la data de Mier 2 Dec - 21:10

Imagine si descriere la subforumuri (Toate versiunile)
Salutare tuturor  La revedere ,

In acest tutorial va voi arata cum sa adaugati o imagine si o descriere la fiecare subforum in parte si cum sa le puteti personaliza pentru a obtine aspect frumos si elegant.


1. Activarea afisarii subforumurilor


Panou de Administrare Afisare Culori Structura si ierarhie si selectam:


2.Crearea categoriei si a subforum-urilor


Panou de Administrare General Categorii si forumuri si atasati subforumurile ca in imaginea prezentata:


3. Adaugarea clasei css a subforum-urilor


Panou de Administrare Afisare Template-uri General index_box

Cautati:
Cod:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

Si il inlocuiti cu:
Cod:

 <div class="subforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Inregistrati si publicati template-ul.

4. Aranjarea subforum-urilor pe 2 coloane (se poate realiza si pe 3 sau 4 coloare)


Panou de Administrare Afisare Culori CSS

Cod:
  
.subforum{
  font-size: 0px!important;
  font-family: sans-serif;
  width: 100%!important;
}
.subforum a{
  display: inline-block;
  float: left;
  width:40%!important;
  text-align: left;
  font-size: 14px!important;
  margin-left: 10px;
  font-weight: 600!important;
  padding: 4px;
  padding-left: 40px;
    font-family: tahoma;
   margin-top: 2px;
  margin-bottom: 2px;
}

Pentru a realiza 3 sau 4 coloare modificati 40% cu 20% sau 35% in functie de latimea forumul vostru.

5. Setarea unei imagini si a unei descrieri la fiecare subforum in parte


Apasati click dreapta pe primul subforum si ii setati o noua descriere intr-o pagina noua:



Copiati terminatia subforum-ului cu tot cu acest semn / ca si in imaginea de mai jos



Panou de Administrare Afisare Culori CSS

Cod:
 
.subforum a[href="link-ul copiat"]:after{
  content: "Descriere primul forum";
  color: white!important;
  display: inline-block;
display: -webkit-box;
  font-size: 11px!important;
  margin-top: 2px;
    font-weight: 400!important;
}
.subforum a[href="link-ul copiat"]{
background:url(adresa imagine dorita);
background-repeat: no-repeat;
  background-position: 0% 50%;
}
 
De modificat:
- "link-ul copiat" cu link-ul pe care tocmai l-ai copiat cu tot cu terminatie.
- "Descriere primul forum" cu descrierea pe care o doriti.
- (adresa imagine dorita) cu link-ul direct al imaginei preferare sa nu fie mai mare de 32x32px

Rezultat final:




Tutorial scris de mr.franta

Copyright ˆForumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.

avatar
Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 3189
Varsta : -12
Data înscrierii : 06/11/2012
Multumiri : 844
Niciun avertisment

http://www.infinigame.biz/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum