Galerie foto in CSS
O galerie foto nu e greu de realizat in CSS, cere doar atentie! Printre trucurile detinute am sa va explic intai cum se poate face o simpla galerie foto in CSS…si cand voi mai avea timp voi trece si la ceva mai detaliat.
Tin sa mentionez ca acest post a aparut drept articol pe invatam.net publicat de catre mine iar aici vreu sa-l detaliez pentru ce-i interesati.
In primul rand vom lucra la CSS, asfel:Â
CSS-ul va consta din<style type=”text/css”>
.popup{
position: relative;
z-index: 0;
}
.popup:hover{
background-color: transparent;
z-index: 70;
}
.popup span{Â /* Css pentru atunci cand pozele sunt marite*/
position: absolute;
background-color: #CCCCDD;
padding: 6px;
left: -1000px;
border: 2px dotted;
visibility: hidden;
color: black;
text-decoration: none;
}
.popup span img{ /* Css pentru atunci cand pozele sunt marite*/
border-width: 0;
padding: 6px;
}
.popup:hover span{Â /* Css pentru atunci cand pozele sunt marite cand se trece cu mouse-ul peste*/
visibility: visible;
top: 0;
left: 70px; /*pozitia unde imaginea marita va aparea */
}
</style>
In HTML, In tagurile <body></body> se va introduce
<a href="#link-ul tau.ro" target="_blank" class="popup"><img src="imaginea_ta1.jpg" width="100" height="100" border="1" /><span><img src="imaginea_ta1.jpg" width="170" height="150" /><br />Ce vreti voi aici.</span></a>
<a href="#link-ul tau.ro" target="_blank" class="popup"><img src="imaginea_ta2.jpg" width="100" height="100" border="1" /><span><img src="imaginea_ta2.jpg" width="170" height="150" /><br />Descrierea voastra. </span></a>
Puteti modifica cum doriti ca sa arate cat mai profesionist. Eu v-am facut radacina voi lucrarti la design.
[...] Galerie foto in CSS [...]
ar fi bine daca ai avea si exemple.de cum arata galeria
care galerie? daca te referi la cea cu premium templates e in Flash si inca n-am trecut la tutoriale Flash
cred ca Sisk se refera la un demo la galeria foto (css) despre care vorbesti in postarea asta. sa stie omul ce face codul tau fara sa-l testeze el separat.