Data/ora curentă este: Mar Mar 19, 2024 9:00 am
16 rezultate gasite pentru CULOARE
Adaugare scrolling
Adaugare scrolling |
Bun gasit, In acest tutorial va vom explica cum puteti adauga un efect de scrolling pe forumul dumneavoastra. Cu ajutorul acestui scrolling puteti adauga orice doriti (text, imagini, tabele etc.) si face ca aceste obiecte sa se miste dintr-o directie in alta cum doriti. Codurile sunt in format HTML si deci pot fi folosite in Generalitati, Anunturi, pagini HTML, widget-uri personalizate, template-uri si altele. Numele pentru tag-ul de scroll: marquee Atribuţiile acestui tag: id ~> identificatorul tag-ului; scrolldelay ~> timp im milisecunde intre fiecare mişcare; scrollamount ~> distanta in pixeli intre fiecare mişcare; height ~> înălţimea in pixeli a ferestrei cu scroll; width ~> latimea in pixeli a ferestrei cu scroll; direction ~> direcţia scrolling-ului (up - de jos in sus; down - de sus in jos; left - de la dreapta la stanga; right - de la stanga la dreapta); behavior ~> comportamentul scroll-ului (alternate - in alternanta; scroll - normal; slide - dintr-o parte in alta); loop ~> număr de scroll-uri (daca nu este specificat - numarul este infinit). Varianta 1 - Scrolling implicit: Un text simplu de scroll:
Un scrolling simplu cu poze (afisate orizontal):
Un scrolling simplu cu poze (afisate vertical):
Scrolling poze cu link-uri:
Varianta 2 - Scrolling-ul se opreste cand cursorul este adus deasupra continutului: Un text simplu de scroll:
Un scrolling simplu cu poze (afisate orizontal):
Scrolling poze cu link-uri:
Varianta 3 - Scrolling-ul se efectueaza din partea dreapta spre stanga: Un text simplu de scroll:
Un scrolling simplu cu poze (afisate orizontal):
Un scrolling simplu cu poze (afisate vertical):
Scrolling poze cu link-uri:
Puteti personaliza casuta si textul dupa bunul plac folosind urmatorul cod:
Acest atribut se adauga in interiorul balizei marquee. Atribute ale stilului: height: Xpx; ~> inaltimea casutei de scrolling; width: Xpx; ~> latimea casutei de scrolling; background-color: #culoare; ~> pentru modificarea culorii de fundal a casutei; background-image: url(Link imagine); ~> pentru adaugarea unei imagini de fundal; color: #culoare; ~> pentru schimbarea culorii textului; font-size: Xpx; ~> pentru schimbarea dimensiunii textului; text-align: pozitionare; ~> pentru pozitionarea textului (left - stanga; center - centru; right - dreapta). Pentru mai multe coduri CSS, va invitam sa cititi acest tutorial: https://help.forumgratuit.ro/t43419-css-ce-este-si-cum-functioneaza |
Tutorial actualizat de catre MIHAI Numai bine, Echipa Forumgratuit |
- la data de Dum Mai 10, 2020 4:01 pm
- Cauta in: Tutoriale
- Subiect: Adaugare scrolling
- Raspunsuri: 0
- Vizualizari: 286
problema grad
Adauga acest cod in css- Cod:
span[style="color:#culoare"] strong, a[style="color:#culoare"] strong {
color: silver;
text-decoration: line-through;
font-weight: bold;
text-shadow: 0px 0px 7px silver;
background: url(http://s4.postimg.org/mfe4k1lqx/Grid_Fire.gif);
}
Adaugati la #culoare, culoarea rang-ului dvs.
- la data de Joi Iun 01, 2017 3:06 pm
- Cauta in: Arhiva probleme diverse
- Subiect: problema grad
- Raspunsuri: 3
- Vizualizari: 1119
Cerere lista staff
Bună ziua,ce dotiți dvs. sunt tabele pentru afișarea staff-ului.
- Cod:
<table class="admin" style="width:90%; margin: 0 auto; padding: 3px 3px 3px 3px;" cellspacing="0">
<tbody>
<tr>
<td style="padding-bottom: 3px;">
<div align="center">
<font color="white">
<strong>Nume rang</strong>
</font>
</div>
</td>
</tr>
<tr>
<td>
<table class="row2" style="width: 100%;">
<tbody>
<tr>
<td>
<table class="table1" style="width: 100%;">
<tbody>
<tr>
<td>Rang:</td>
<td><img src="https://i37.servimg.com/u/f37/11/80/17/98/admin10.png" alt="" class="" style="display:inline">
</td>
</tr>
<tr>
<td>Numele rangului:</td>
<td>
<strong>
<font color="#culoare">rang</font></strong>
</td>
</tr>
<tr>
<td>Rolul grupului:</td>
<td>Text</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table class="row2" style="width: 100%;">
<tbody>
<tr>
<td>
<table class="table1" style="width: 100%;">
<tbody>
<tr class="row3">
<td colspan="2">
<strong>Text</strong>
</td>
</tr>
<tr>
<td style="width:50px;"><a href="/privmsg?mode=post&u=1">
<img src="http://i18.servimg.com/u/f18/16/89/96/68/pm13.png" alt="" class="" style="display:inline"></a>
</td>
<td>
<a href="/u1">
<font color="#culoare"><strong>Nume</strong>
</font>
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Lucruri esențiale :
#culoare - adăugați culoarea rang-ului
Texte - adăugați textele dorite
Nume - numele utilizatorului
Nume rang - numele rang-ului
Acum css-ul
adăugați în css-ul de bază a forumului
- Cod:
table.admin {
background: #culoare;
border-bottom: 1px solid #culoare;
border-left: 1px solid #culoare;
border-right: 1px solid #culoare;
}
.admin {
margin-bottom: 25px !important;
}
Lucruri esențiale :
#culoare - adăugați culoarea rang-ului
- la data de Lun Mai 08, 2017 5:37 pm
- Cauta in: Arhiva scripturi/coduri
- Subiect: Cerere lista staff
- Raspunsuri: 10
- Vizualizari: 1376
Cum schimb culoare din tabele ?
Poftim modifica dupa bunul plac- Cod:
li.row {
border-bottom: 1px solid #Culoare;
border-top: 1px solid #Culoare;
}
ul.forums dd {
border-color: #Culoare;
border-left-style: solid;
border-left-width: 1px;
}
ul.forums {
background-color: #culoare;
background-image: none;
}
La #Culoare pune o culoare anume tu ai #000 si #808080
- la data de Dum Oct 02, 2016 8:37 pm
- Cauta in: Arhiva probleme privind designul forumurilor
- Subiect: Cum schimb culoare din tabele ?
- Raspunsuri: 3
- Vizualizari: 1483
Nume la categorii
Buna ziua ! Am mai avut o problema ca aceasta ,doar ca pe cealalta am rezolvat-o. Am incercat sa schimb infatisarea categoriilor (numele categoriilor ) ,sa le pun un border ,tabel etc etc. Am reusit.De cand am schimbat tema, am incercat din nou acel cod dar nu merge .Ma poate ajuta cineva?
Codul este:
- Cod:
.secondarytitle h2 {
background: #culoare;
border: 1px solid #culoare;
border-radius: 3px;
color: #culoare;
display: inline-block;
margin-top: 1px;
padding: 2px 20px;
text-shadow: 1px 1px 0px rgba(0,0,0,0.18);
}
P.S :Am schimbat acolo unde scrie #culoare ,dar nimic ,pe tema anterioara a mers.
- la data de Dum Oct 25, 2015 1:53 pm
- Cauta in: Arhiva probleme diverse
- Subiect: Nume la categorii
- Raspunsuri: 3
- Vizualizari: 352
Bara warn colorata!
Buna seara adauga in CSS urmatorul cod:- Cod:
user.user-info{
color: #CULOARE! important;
}
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] îl inlocuiti cu culoare dorita.
- la data de Joi Oct 08, 2015 9:50 pm
- Cauta in: Cos de gunoi
- Subiect: Bara warn colorata!
- Raspunsuri: 38
- Vizualizari: 1625
Numele categoriilor
Te-ai straduit macar sa citesti codul oferit de colegul meu si sa modifici zonele "#culoare" ?(Cu codurile culorii dorite) .- la data de Vin Sept 25, 2015 5:01 pm
- Cauta in: Arhiva probleme diverse
- Subiect: Numele categoriilor
- Raspunsuri: 5
- Vizualizari: 1130
Cum schimb culoare editor
Bună ziua,Vizitați: Panoul de administrare => Afișare => Culori => Foaia de stil CSS și adăugați:
- Cod:
.main .main-content.frm {
background-color: #CULOARE !important;
}
.pun .frm-form {
background: #CULOARE !important;
}
Înlocuiți #CULOARE cu, codul culorii dorite.
- la data de Vin Sept 18, 2015 5:10 pm
- Cauta in: Arhiva scripturi/coduri
- Subiect: Cum schimb culoare editor
- Raspunsuri: 3
- Vizualizari: 578
Inserare autor inainte de mesaje
Bună seara,Vizitați: Panoul de administrare => Afișare => Culori => Foaia de stil CSS și adăugați:
- Cod:
.casuta_titlu {
background: #CULOARE !important;
}
Înlocuiți #CULOARE cu, codul culorii dorite.
- la data de Mier Aug 26, 2015 11:52 pm
- Cauta in: Arhiva probleme diverse
- Subiect: Inserare autor inainte de mesaje
- Raspunsuri: 3
- Vizualizari: 1387
Am o problema legata de background.
Modificarile le faceti din codul de mai jos:- Cod:
.bodyline {
background-color: #CULOARE !important;
background-image: none !important;
}
Inlocuiti #CULOARE cu, codul culorii dorite.
- la data de Joi Iul 30, 2015 11:45 am
- Cauta in: Arhiva probleme diverse
- Subiect: Am o problema legata de background.
- Raspunsuri: 9
- Vizualizari: 566
Cum pot schimba imaginea de fundal a forumului?
Buna seara,Vizitati: Panoul de administrare => Afisare => Culori => Foaia de stil CSS si adaugati:
- Cod:
body {
background: #CULOARE !important;
}
Inlocuiti #CULOARE cu, culoarea dorita.
- la data de Sam Iul 18, 2015 12:01 am
- Cauta in: Arhiva probleme privind designul forumurilor
- Subiect: Cum pot schimba imaginea de fundal a forumului?
- Raspunsuri: 5
- Vizualizari: 2358
Stralucire la toti utilizatori
Dacă doresti sa aplici acel shadow tuturor membrilor sau grupurilor, adauga acest cod in foaie de stil CSS:- Cod:
a[style="color: #CULOARE"]:before, span[style="color:#CULOARE"] {
text-shadow: 0 2px 13px #000 !important;
}
Urmand să modifici {#}CULOARE{/#} cu acea culoare a grupului cărora dorești sa ii aplici efectul.
- la data de Mar Iun 09, 2015 6:40 pm
- Cauta in: Arhiva probleme privind designul forumurilor
- Subiect: Stralucire la toti utilizatori
- Raspunsuri: 13
- Vizualizari: 811
Pagina 1 din 2 • 1, 2