Data/ora curentă este: Mar Mar 19, 2024 12:14 pm

3 rezultate gasite pentru 2

Problemă - Strălucire şi sclipici la legende şi utilizatori.

Roluken a scris:Îmi puteţi lăsa un link de la un tutorial? Mulţumesc

Link-ul este acela de mai sus, care vilam dat prima dată: https://help.forumgratuit.ro/t32844-personalizarea-legendei-grupurilor-efect-sclipire-icon-si-stralucire Pasul #2 - personalizarea - Efectul #2 - icon in dreptul grupului: https://prnt.sc/DyOePHInSMPB

Notați că: nu merg trei lucruri de o dată...
Scris de Mihai
la data de Sam Mar 25, 2023 9:30 pm
 
Cauta in: Arhiva scripturi/coduri
Subiect: Problemă - Strălucire şi sclipici la legende şi utilizatori.
Raspunsuri: 11
Vizualizari: 767

Link direct catre Numarul raspunsului la un subiect

nu prea am inteles despre ce e vorba dar cred ca te referi la Share post adica :
Apesi pe #1 sau #2 etc si iti apare o fereastra cu link-ul de la subiect-ul actual
uite codu daca la asta te referi
Cod:

$(function(){$('head').append('<style type="text/css">#share_box{position:fixed;top:50%;left:50%;margin-left:-275px;margin-top:-150px;width:550px;max-height:300px;background-color:rgba(70,70,70,.6);padding:4px;box-shadow:0 12px 25px rgba(0,0,0,.7);border-radius:4px;z-index:999}#share_box .main-head{border-style: none;margin: 0;}#share_close{float:right;margin-top:2px;cursor:pointer}#share_content{background:#ebf0f3;padding:9px;text-align:center}#share_modal{background:#000;position:fixed;top:0;right:0;bottom:0;left:0;z-index:888;opacity:.4}#share_clear{padding:9px;background:#fff;border:#dbe4ef 1px solid}#share_link{font:400 18px helvetica,arial,sans-serif!important;color:#999;padding:4px 10px;width:95%;border-width:1px;border-style:solid;border-color:#848484 #C1C1C1 #E1E1E1;background:none repeat scroll 0 0 #FFF;border-radius:2px}#share_link:focus{border-color:#4E4E4E #7C7C7C #A3A3A3;box-shadow:0 0 5px rgba(0,0,0,.3)}</style>');$('.post_id.right.ipsType_small.desc.blend_links > a').each(function(){$(this).find('strong').append('<img class="share-post" src="http://i56.servimg.com/u/f56/17/78/57/29/icon_s10.png" alt="count-post" style="max-height:12px;margin-left:3px;margin-top:-2px;opacity:.5;" />');$(this).click(function(){var share_host=window.location.hostname;var share_link=$(this).attr('href');var share_box='<div id="share_modal"></div><div id="share_box" class="main"> <div class="main-head"><div class="page-title">Share post '+$(this).text()+'<div id="share_close"><img src="http://i56.servimg.com/u/f56/17/78/57/29/close_10.png" alt="x"></div></div></div><div id="share_content"><div class="main-content" id="share_clear"><input type="text" id="share_link" onClick="this.select();" value="http://www.'+share_host+share_link+'" /> </div> </div></div>';$('body').append(share_box);$('#share_close').click(function(){$('#share_box').fadeOut('slow',function(){$('#share_modal').remove()})})})})});

Scris de Ionut_FG
la data de Vin Apr 08, 2016 5:24 pm
 
Cauta in: Arhiva probleme diverse
Subiect: Link direct catre Numarul raspunsului la un subiect
Raspunsuri: 4
Vizualizari: 1392

Personalizarea legendei grupurilor: efect sclipire, icon si stralucire

Personalizarea legendei grupurilor: efect sclipire, icon si stralucire

Disponibil pentru toate versiunile de forum !
Doriti sa va personalizati legenda grupurilor? Ei bine, tutorialul acesta va ofera 3 moduri diferite de a o personaliza!

Pasul {#}1{/#} - link-ul grupului

Ca prim pas in tutorialul nostru, intram pe pagina grupului dorit sa fie personalizat (de exemplu https://help.forumgratuit.ro/g13-administratori ), si din bara de adrese, copiem doar terminatia link-ului, in acest exemplu /g13-administratori
Tag 2 pe Forum gratuit: forum de suport al utilizatorilor Grupur11

Pasul {#}2{/#} - personalizarea

Navigam in foaia de stil CSS...
Tag 2 pe Forum gratuit: forum de suport al utilizatorilor Go-jum10Panou de administrare Tag 2 pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Afisare Tag 2 pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Tag 2 pe Forum gratuit: forum de suport al utilizatorilor Images_couleurs Imagini si culori Tag 2 pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Culori Tag 2 pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Foaie de stil CSS

.... si adaugam codul efectului dorit, completand cu terminatia link-ului obtinuta de mai sus:
Efectul {#}1{/#} - sclipire

Exemplu:
Legenda : [Administratori]

Cod CSS:
Cod:
a[href="TERMINATIE LINK GRUP"] {
    background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

Puteti inlocui imaginea aceasta https://i.servimg.com/u/f45/15/95/60/34/glitte10.gif cu orice alta imagine .gif (animata) cu diferite efecte de sclipire.

Efectul {#}2{/#} - icon in dreptul grupului

Exemplu:
Legenda : [Administratori]

Cod CSS:
Cod:
a[href="TERMINATIE LINK GRUP"] {
    background: url("http://2img.net/i/fa/admin/couronne.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

Puteti inlocui imaginea aceasta https://2img.net/i/fa/admin/couronne.png cu orice mini-icon de maxim 18x18px.

Efectul {#}3{/#} - stralucire

Exemplu:
Legenda : [Administratori]

Daca nu aveti experienta in CSS, si nu stiti cum sa creati o umbra, puteti folosi generatorul de aici: http://www.css3maker.com/text-shadow.html
Acesta va va furniza un cod (in coloana dreapta, sus) de genul acesta:
Cod:
text-shadow:0px 2px 13px #f5a911;

Dumneavoastra o sa trebuiasca doar sa adaugati codul generat intre acolade:
Cod CSS:
Cod:
a[href="TERMINATIE LINK GRUP"] {
    AICI TRECETI CODUL LUAT DIN GENERATOR
}

Exemplu:


Tag 2 pe Forum gratuit: forum de suport al utilizatorilor Import10ATENTIE:

  • Nu uitati sa adaugati in coduri terminatia link-ului de la pagina grupurilor acolo unde este sugerat (TERMINATIE LINK GRUP)
  • Nu incercati sa folositi acest tutorial pentru personalizarea profilurilor utilizatorilor individuali, altfel vor apare erori de afisare. Pentru acest efect, va invitam sa cititi tutorialul urmator: https://help.forumgratuit.ro/t40365-adaugarea-unei-iconite-sau-culoare-unui-simplu-utilizator



Succes!  Noroc

Scris de Cosmin.
la data de Dum Apr 29, 2012 11:29 pm
 
Cauta in: Tutoriale
Subiect: Personalizarea legendei grupurilor: efect sclipire, icon si stralucire
Raspunsuri: 0
Vizualizari: 10596

Sus

Mergi direct la: