پنجشنبه , ۳۰ شهریور ۱۳۹۶
خانه » سایت و وبلاگ » آموزش طراحی سایت » استایل جعبه کشویی با CSS

استایل جعبه کشویی با CSS

keshoo-css

با سلام خدمت کاربران گرامی مثبت بیست و چهار! برای شما دوستان کد جعبه کشویی رو آماده کردم، که نمونه اش قسمت معرفی نویسندگان سایت هست. از این جعبه می توان در هر جایی و برای هر موضوعی که می خواهید استفاده کنید، مثلا به عنوان نمایش لینک دانلود (این دیگه بر می گرده به سلیقه و ایده شما!).

کدها در قالب Html و CSS می باشد. البته ما همراه با کد وردپرس جهت نمایش آواتار، و کد وضعیت یاهو برای شما قرار می دهیم، که شما بسته به نیاز خود کد ها رو تغییر دهید.

کد Html

[php]</pre>
<div class="ab_a">
<div class="ab_au">
<a href="#" target="_blank"> <?php echo get_avatar( ‘jorjani69@yahoo.com’ , ’73’ ); ?></a>
<div class="dis">
<?php $user_info = get_userdata(1);
$name = $user_info->nickname;
$email = $user_info->user_email;
echo " <p>&#1605;&#1583;&#1740;&#1585;: <a href=mailto:$email>$name</a></p> " ;
?>
<p> &#1575;&#1585;&#1578;&#1576;&#1575;&#1591; &#1586;&#1606;&#1583;&#1607; &#1576;&#1575; &#1610;&#1575;&#1607;&#1608;:
<a href="ymsgr:sendim?jorjani69" title="&#1575;&#1585;&#1578;&#1576;&#1575;&#1591; &#1586;&#1606;&#1583;&#1607; &#1576;&#1575; &#1605;&#1583;&#1610;&#1585;&#1610;&#1578; &#1587;&#1575;&#1610;&#1578;"><img src="http://opi.yahoo.com/online?u=jorjani69&amp;m=g&amp;t=5" border="0"/></a><br></p>
</div>
</div>
</div>
<pre>[/php]

کد CSS – برای مشاهد با نام کاربری خود داخل شوید و یا عضو شوید.

اگر سوال و یا مشکلی بو د در خدمتیم


از ما حمایت کنید!