HTML, CSS, jQuery..
Picatura ta zilnica de ajutor!
Neotalk este un forum ce se axeaza pe o categorie generala, incercand sa cuprinda cat mai multe arii de activitate. Unele dintre sectiuni se dedica suportului si design-ului, iar altele discutiilor diverse.

Cautare
 
 

Rezultate pe:
 
Rechercher Cautare avansata
Cuvinte-cheie
nebune provocari
Ultimele subiecte
» Ce ne mai jucam?
Mier Iul 03, 2013 9:47 am Scris de Angelo

» Doddy feat. Puya - Klandestin(Dollar Bill)
Vin Iun 21, 2013 9:08 pm Scris de BringTheChill

» Alex Velea - E marfa tare
Joi Iun 20, 2013 11:28 am Scris de <color=#00000>Adi</color>

» Golf-ul
Mier Iun 19, 2013 12:29 pm Scris de BringTheChill

» Adaugarea unui ceas in header(PhpBB3)
Mier Iun 19, 2013 9:32 am Scris de Angelo

» Greseli legate de gramatica limbii romane
Mar Iun 18, 2013 10:33 pm Scris de Angelo

» Red Hot Chili Peppers - Snow
Mar Iun 18, 2013 10:16 pm Scris de Angelo

» Eminem - I think my Dad's gone crazy
Mar Iun 18, 2013 11:48 am Scris de BringTheChill

» Beatles - Come together
Mar Iun 18, 2013 11:46 am Scris de BringTheChill

Noiembrie 2018
LunMarMierJoiVinSamDum
   1234
567891011
12131415161718
19202122232425
2627282930  
CalendarCalendar
Parteneri
forum gratuit



Parteneri
forum gratuit



Top postatori
Gabi
 
BringTheChill
 
<color=#00000>Adi</color>
 
Angelo
 
DrRadulovici
 
razvan
 
Admin
 
StaarK*
 
Dani
 
Alexader
 

(JS) Avatar la ultimele mesaje widget.
Pentru a putea posta, va rugam sa va creeati un cont de aici.
Daca deja aveti un cont, va putem conecta pe forum de aici.

Posteaza un subiect nou  Raspunde la subiect ::  :: General :: Tips and tricks :: Tutoriale ForumgratuitVezi subiectul anterior Vezi subiectul urmator In jos 

Scris Mar Mar 12, 2013 6:42 am


Buna Ziua,
Astazi am sa va arat un cod destul de intresant (zic eu) acum fiecare cu parerea lui. Sa va spun asa in mare ce face acest cod, acest cod pune (face load) pentru avatarul celui care a postat ultimul.

Codul JS (JavaScript) - Amplasare: Index sau Toate Paginile (La alegere)
Cod:

var CopyrightNotice = "Copyright © Neotalk. Toate drepturile rezervate. Un script pentru a pune avatar-ul celui care a postat ultimul mesaj in widget.";
$(function() {
$('#left .module a[href^="/t"]').wrap('<span id="newss" />');
$('#left .module:eq(0) #newss').each(function() {
var profileUser = $(this).children('a').attr('href');
$(this).prepend('<strong><a href="' +profileUser+ '"></a></strong>');
$(this).children('strong').children('a').load(profileUser + ' .postprofile dt:last img:eq(0)');
});
});

Codul CSS
Cod:
#newss strong a img {
float: left;
width: 30px;
height: 30px;
margin-right: 5px;
background: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.03);
padding: 1px;
border: 1px solid #BEBEBE;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

Asta a fost tot, sper sa va placa acest cod.

Demo: [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Copyright © Neotalk. Toate drepturile rezervate.
Tutorial scris de StaarK*.


Ultima editare efectuata de catre StaarK* in Mar Mar 12, 2013 7:10 am, editata de 1 ori

StaarK*
avatar
Rank: Membru nou

Mesaje Mesaje : 28
Inscris pe Inscris pe : 09/03/2013
Varsta : 24
Localizare Localizare : Bacau

Vezi profilul utilizatorului

Scris Mar Mar 12, 2013 6:57 am


felicitari pentru tutorial este unul destul de avansat eu la momentu de fata nu stiu sa fac astfel de chestii insa asi vrea sa pui si o previzualizare aceasta constand intr-o imagine :d

razvan
avatar
Rank: Moderator

Mesaje Mesaje : 32
Inscris pe Inscris pe : 05/03/2013

Vezi profilul utilizatorului

Scris Mar Mar 12, 2013 7:06 am


Multumesc razvan, am sa pun si un demo Smile

StaarK*
avatar
Rank: Membru nou

Mesaje Mesaje : 28
Inscris pe Inscris pe : 09/03/2013
Varsta : 24
Localizare Localizare : Bacau

Vezi profilul utilizatorului

Scris Mar Mar 12, 2013 12:29 pm


Destul de interesant si dragut. Smile

Gabi
avatar
Rank: Administrator

Mesaje Mesaje : 168
Inscris pe Inscris pe : 06/03/2013

Vezi profilul utilizatorului

Scris Mier Mar 13, 2013 5:29 am


Felicitari StaarK*!
Te mai asteptam cu tutoriale. cheers

<color=#00000>Adi</color>
avatar
Rank: Moderator

Mesaje Mesaje : 91
Inscris pe Inscris pe : 02/03/2013

Vezi profilul utilizatorului

Scris Mier Mar 13, 2013 6:03 am


Multumesc tuturor Smile
O sa incerc sa mai creez si alte tutoriale adi.

StaarK*
avatar
Rank: Membru nou

Mesaje Mesaje : 28
Inscris pe Inscris pe : 09/03/2013
Varsta : 24
Localizare Localizare : Bacau

Vezi profilul utilizatorului

Scris



Continut sponsorizat
Rank:



Posteaza un subiect nou  Raspunde la subiect ::  :: General :: Tips and tricks :: Tutoriale ForumgratuitVezi subiectul anterior Vezi subiectul urmator In jos 

Pentru a putea posta, va rugam sa va creeati un cont de aici.
Daca deja aveti un cont, va putem conecta pe forum de aici.
 •  Incercati sa utilizati un limbaj corect gramatical, care sa excluda exprimarile indecente sau inadecvate subiectului.
 •  Daca postati in sectiunile de suport evitati sa publicati un mesaj la un interval mai mic de 24 de ore.
 •  Respectati deciziile membrilor staff si nu continuati sau amplificati o cearta.
 •  Nu uita sa multumesti celor care te ajuta pentru a capata si data viitoare aceeasi cantitate de ajutor.