Forum gratuit: forum de suport al utilizatorilor Forumgratuit
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

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 Mihai Lun Mai 11, 2020 12:17 am

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.

Imagine si descriere la subforumuri (Toate versiunile) Final10

Imagine si descriere la subforumuri (Toate versiunile) 096151101. Activarea afisarii subforumurilor


Imagine si descriere la subforumuri (Toate versiunile) PucePanou de Administrare Imagine si descriere la subforumuri (Toate versiunile) Arrow10 Afisare Imagine si descriere la subforumuri (Toate versiunile) Arrow10 Culori Imagine si descriere la subforumuri (Toate versiunile) Arrow10 Structura si ierarhie si selectam:

Imagine si descriere la subforumuri (Toate versiunile) Bifare10

Imagine si descriere la subforumuri (Toate versiunile) 096151102.Crearea categoriei si a subforum-urilor


Imagine si descriere la subforumuri (Toate versiunile) PucePanou de Administrare Imagine si descriere la subforumuri (Toate versiunile) Arrow10 General Imagine si descriere la subforumuri (Toate versiunile) Arrow10 Categorii si forumuri si atasati subforumurile ca in imaginea prezentata:

Imagine si descriere la subforumuri (Toate versiunile) Creare10

Imagine si descriere la subforumuri (Toate versiunile) 096151103. Adaugarea clasei css a subforum-urilor


Imagine si descriere la subforumuri (Toate versiunile) PucePanou de Administrare Imagine si descriere la subforumuri (Toate versiunile) Arrow10 Afisare Imagine si descriere la subforumuri (Toate versiunile) Arrow10 Template-uri Imagine si descriere la subforumuri (Toate versiunile) Arrow10 GeneralImagine si descriere la subforumuri (Toate versiunile) Arrow10 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.

Imagine si descriere la subforumuri (Toate versiunile) 096151104. Aranjarea subforum-urilor pe 2 coloane (se poate realiza si pe 3 sau 4 coloare)


Imagine si descriere la subforumuri (Toate versiunile) PucePanou de Administrare Imagine si descriere la subforumuri (Toate versiunile) Arrow10 Afisare Imagine si descriere la subforumuri (Toate versiunile) Arrow10 Culori Imagine si descriere la subforumuri (Toate versiunile) Arrow10 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;
}

Imagine si descriere la subforumuri (Toate versiunile) WarningPentru a realiza 3 sau 4 coloare modificati 40% cu 20% sau 35% in functie de latimea forumul vostru.

Imagine si descriere la subforumuri (Toate versiunile) 096151105. 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:

Imagine si descriere la subforumuri (Toate versiunile) Filano10

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

Imagine si descriere la subforumuri (Toate versiunile) Oihdgj

Imagine si descriere la subforumuri (Toate versiunile) PucePanou de Administrare Imagine si descriere la subforumuri (Toate versiunile) Arrow10 Afisare Imagine si descriere la subforumuri (Toate versiunile) Arrow10 Culori Imagine si descriere la subforumuri (Toate versiunile) Arrow10 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%;
}
 
Imagine si descriere la subforumuri (Toate versiunile) 209609infoDe 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:
Imagine si descriere la subforumuri (Toate versiunile) Primul10



Imagine si descriere la subforumuri (Toate versiunile) Untit104
Imagine si descriere la subforumuri (Toate versiunile) KmYIBDv
Imagine si descriere la subforumuri (Toate versiunile) Scre1015 Imagine si descriere la subforumuri (Toate versiunile) 398 Imagine si descriere la subforumuri (Toate versiunile) 2209 Imagine si descriere la subforumuri (Toate versiunile) Scre1016 Imagine si descriere la subforumuri (Toate versiunile) Portoq16
Mesaje: 22907 ● Utilizatori: 18220 ● Ultimul membru: » Midori «
Mihai

Mihai
Administrator
Administrator

Mesaje : 1478
Varsta : 24
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 101
Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum