Krijo nje menu me blloqe (vetem CSS)
Mu kerkua te krijoja nje menu te ngjashme si kjo:
e paraqitur ne faqen: http://www.alde.eu/
Gjeresia e faqes ishte 900px, 5 blloqe. Nisa ta bej llogaritjet nisur nga gjeresia e blloqeve, e me pas hapsira ndermjet tyre. Sic vihet re edhe ne faqe kur mausi kalon mbi bllok, blloku zmadhohet bashke me imazhin.
HTML
<div id="applyfor">
<a class="role_first" href="#"><img class="scaled" src="img/test.jpg" alt="" /></a>
<a class="role" href="#"><img alt="" /></a>
<a class="role" href="#"><img alt="" /></a>
<a class="role" href="#"><img alt="" /></a>
<a class="role" href="#"><img alt="" /></a></div>CSS
#applyfor{width: 900px; height: 200px; margin: 0 auto; background-color: #000; -moz-opacity: 1;}
.role_first{width: 146px; height: 146px; border: 2px solid #fff; float:left; margin-left:25px; margin-right:25px; margin-top:25px;}
.role{width: 146px; height: 146px; border: 2px solid #fff; float:left; margin-right:25px; margin-top:25px;}
.role_first:hover{width: 158px; height: 158px; border: 2px solid #fff; float:left; margin-left:19px; margin-right:19px; margin-top:19px;}
.role:hover{width: 158px; height: 158px; border: 2px solid #fff; float:left; margin-left:-6px; margin-right:19px; margin-top:19px;}
img.scaled {width: 100%;}DEMO
http://gjergjikokushta.com/demo/menu-me-blloqe/
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Shume bukur Gjergj,
tani mungon vetem pak javascript per ta bere transformimin e kutive me te embel. Ndoshta me JQuery Easing Plugin
Good job!
Komplimente Gjergj per njohurite dhe punen tuaj.