درخواست راهنمایی در مورد Css و Html (واجب!)

[kasra22]

سلام و عرض ادب خدمت همه کااربران ps !

دوستان من به یک کد نیاز دارم که مثلا یه عکس هستش ، وقتی موس میره روی عکس عکس بره و یه لینک ظاهر بشه !

دقیقا مانند منوی سمت چپ سایت وبلاگینا !

ممنون ؛ کسری

 

[kasra22]

کسی پیدا نشد به ما یه کمکی برسونه ؟ یکی از دوستانم بهم گفت قابلیت dispaly : hidden و اینجور حرفاست

لطفا اگه کسی بلده بهم بگه

ممنون

 

[Mohammad]

مربوط به css هست. من css اون بخش رو برات میزارم.

#sidebar #reportaj .items {
    list-style: none outside none;
    margin: 15px 0 20px;


}

#sidebar #reportaj .items li {
    background: none repeat scroll 0 0 transparent !important;
    float: right;
    height: 70px;
    margin: 8px 13px 16px 0;
    padding: 5px;
    position: relative;
    width: 155px;


}

#sidebar #reportaj .items li .front {
    -moz-transition: all 0.4s ease-in-out 0s;
    background: none repeat scroll 0 0 white;
    box-shadow: 0 0 5px #AAAAAA;
    height: 70px;
    left: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 900;


}

#sidebar #reportaj .items li:hover .front {
    border-color: #EEEEEE;
    z-index: 900;


}

#sidebar #reportaj .items li .back {
    -moz-transition: all 0.4s ease-in-out 0s;
    background: none repeat scroll 0 0 white;
    float: none;
    height: 50px;
    left: 0;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 800;


}

#sidebar #reportaj .items li:hover .back {
    font-size: 16px;
    z-index: 1000;


}

#sidebar #reportaj .items .back strong {
    display: block;
    font: bold 17px 'BKoodak','B Koodak',BKoodak,Koodak,Arial,Helvetica,sans-serif;


}

با ul و li هم نمایش میده...

<ul class="items">
<li>
<div class="front"><img width="145" height="70" alt="reportage" src="http://weblogina.com/media/images/reportage-lastsecond.png"></div>
<div class="back"><strong><a target="_blank" href="http://weblogina.com/post/lastsecond-dot-ir.php">بانک تور و گردشگری</a></strong> </div>
</li>
<li>
<div class="front"><img width="145" height="70" alt="reportage" src="http://weblogina.com/media/images/reportage-locopoc.png"></div>
<div class="back"> <strong><a target="_blank" href="http://weblogina.com/post/locopoc-sms-service.php">سرویس پیامک لوکوپوک</a></strong> </div>
</li>
<li>
<div class="front"><img width="145" height="70" alt="reportage" src="http://weblogina.com/media/images/reportage-free.png"></div>
<div class="back"> <strong><a target="_blank" href="http://weblogina.com/advertisement/">تبلیغات در وبلاگینا</a></strong> </div>
</li>
<li>
<div class="front"><img width="145" height="70" alt="reportage" src="http://weblogina.com/media/images/reportage-albasco.png"></div>
<div class="back"> <strong><a target="_blank" href="http://weblogina.com/post/albasco-online-shpping.php">فروشگاه اینترنتی البسکو</a></strong> </div>
</li>
</ul>