Data/ora curentă este: Mar Mar 19, 2024 9:00 am

16 rezultate gasite pentru CULOARE

Adaugare scrolling

Adaugare scrolling


Bun gasit, La revedere

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:
Cod:
<marquee>Textul dumneavoastra aici</marquee>

Un scrolling simplu cu poze (afisate orizontal):
Cod:
<marquee><img src="Link imagine 1">  
<img src="Link imagine 2">  
<img src="Link imagine 3"></marquee>

Un scrolling simplu cu poze (afisate vertical):
Cod:
<marquee><img src="Link imagine 1"> <br>
<img src="Link imagine 2"> <br>
<img src="Link imagine 3"></marquee>

Scrolling poze cu link-uri:
Cod:
<marquee><a href="Link redirectionare 1"><img src="Link imagine 1"></a>
<a href="Link redirectionare 2"><img src="Link imagine 2"></a>
<a href="Link redirectionare 3"><img src="Link imagine 3"></a></marquee>

Varianta 2 - Scrolling-ul se opreste cand cursorul este adus deasupra continutului:

Un text simplu de scroll:
Cod:
<marquee id="id1"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">Textul dumneavoastra aici</span></marquee>

Un scrolling simplu cu poze (afisate orizontal):
Cod:
<marquee id="id1"><img src="Link imagine 1" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">  
<img src="Link imagine 2" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">  
<img src="Link imagine 3" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></marquee>

Scrolling poze cu link-uri:
Cod:
<marquee id="id1"><a href="Link redirectionare 1"><img src="Link imagine 1" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a>
<a href="Link redirectionare 2"><img src="Link imagine 2" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a>
<a href="Link redirectionare 3"><img src="Link imagine 3" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a></marquee>

Varianta 3 - Scrolling-ul se efectueaza din partea dreapta spre stanga:

Un text simplu de scroll:
Cod:
<marquee direction="left">Textul dumneavoastra aici</marquee>

Un scrolling simplu cu poze (afisate orizontal):
Cod:
<marquee  direction="left"><img src="Link imagine 1">  
<img src="Link imagine 2">  
<img src="Link imagine 3"></marquee>

Un scrolling simplu cu poze (afisate vertical):
Cod:
<marquee direction="left"><img src="Link imagine 1"> <br>
<img src="Link imagine 2"> <br>
<img src="Link imagine 3"></marquee>

Scrolling poze cu link-uri:
Cod:
<marquee direction="left"><a href="Link redirectionare 1"><img src="Link imagine 1"></a>
<a href="Link redirectionare 2"><img src="Link imagine 2"></a>
<a href="Link redirectionare 3"><img src="Link imagine 3"></a></marquee>



Puteti personaliza casuta si textul dupa bunul plac folosind urmatorul cod:
Cod:
style="proprietate: valoare;"

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

Scris de Teodor
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.
Scris de Ionut_FG
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


Scris de Ionut_FG
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
Scris de Ionut_FG
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.
Scris de Emilian.
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.
Scris de Dan
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) . A face cu ochiul
Scris de Keir
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.
Scris de Zachary
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.
Scris de Zachary
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.
Scris de Zachary
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.
Scris de Zachary
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.
Scris de Vizitator
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

Sus

Pagina 1 din 2 1, 2  Urmatorul

Mergi direct la: