AccessGratuit
Bine ati venit! Very Happy

Daca ati ajuns la aceasta pagina inseamna ca nu sunteti INREGISTRAT sau CONECTAT pe forumul AccessGratuit. Puteti face asta utilizand butoanele din meniu destinare acestor actiuni!
AccessGratuit.com
www.accessgratuit.com
cheers
Urmareste-ne pe FacebookUrmareste-ne pe TwitterUrmareste-ne pe DiggUrmareste-ne pe StumbleuponUrmareste-ne pe Youtube

Nu sunteti conectat. Conectati-va sau inregistrati-va

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

1 Imagine redimensionata & popup cu dimensiunile originale la data de Joi Mar 11, 2010 8:12 pm

avatar

Matei

Membru AccessGratuit
Imagine redimensionata si la trecerea cursorului apare popup cu dimensiunile originale

De stiut: Acest cod nu funcţionează intr-o noua pagina HTML daca optiunea "Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.?" este bifata cu "Nu"

Ok , deci pentru a face toata treaba asta avem nevoie de doua coduri :
Cod CSS
Cod HTML

Pentru ca totul sa functioneze avem nevoie de codul css ( vezi in spoiler )
Spoiler:

Panou de administrare - Afisare - Imagini si culori - Culori - Foaie de stil CSS
Copiem Codul :
.gallerycontainer{
position: relative;

}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
Inregistrare
Ok , dupa ce am copiat codul in foaia de stil css ne trebuie codul HTML ( vezi in spoiler )
Spoiler:
Cod:
<a class="thumbnail" href="link site"><img src="Link Imagine" width="100px" height="66px" border="0" /><span><img src="Link Imagine" /><br />Text</span></a>
Acest cod html poate fi introdus "Mesaj pe pagina de start" , in descrierea unei categorii etc.

Tutorial realizat de Matei
http://www.grafikspot.net
avatar

Louk

Membru AccessGratuit
Tutorial acceptat. Wink
Multumim, Matei!

_____________________________________AccessGratuit__________________________________


avatar

Albey

Membru AccessGratuit
cum pot face asta si pe phpbb3?
http://www.Zone-PGL.tk

Continut sponsorizat

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum