انجمن


ایجاد نوار کناری چند تکه با css  (۲ نوشته)

  • مهرداد

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۲۶۶
    تشکر شده: ۱۳ بار
    # نوشته شده: ۹ سال پیش
    ۲۴ بهمن ۱۳۸۶ - ۰۰:۴۶

    سلام
    میخوام یه نوار کناری طراحی کنم که چند تا دگمه داره و این دگمه ها هر کدوم به صفحه خاصی از سایت لینک میشن
    حالا سوالم اینه که چطور باید این دگمه ها رو با css و html مرتب زیر هم قرار بدم ؟
    نکته ای که هست اینه که ساختار این نوار همه از عکس تشکیل میشه و قرارگرفتن این عکسها کنار هم بعلاوه اون دگمه ها sidebar رو تشکیل میدن
    مشکل منم تو همین کنار هم قراردادن این عکس ها با css و html هست
    مرسی :-)

  • itnegar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۴۹
    تشکر شده: ۱۲ بار
    # نوشته شده: ۹ سال پیش
    ۲۴ بهمن ۱۳۸۶ - ۱۴:۵۹

    اینجوری که توضیح دادی من درست متوجه نشدم ولی فکر کنم یه همچین چزیه :
    کد CSS :

    a.menu, a:active.menu, a:visited.menu {
     	background: #c4cae0;
    	font: 11px Tahoma;
    	color: #895da7;
    	border: 1px solid #afb6d0;
    	direction: rtl;
    	display: block;
    	padding: 3px;
    	margin: 1px;
    	-moz-border-radius: 5px;
     }
     a:hover.menu {
     	background: #FFCC66;
    	font: 11px Tahoma;
    	color: #B67B03;
    	border: 1px solid #FF9900;
    	direction: rtl;
    	display: block;
    	padding: 3px;
     }

    کد HTML :
    <a href="آدرس" class="menu"><img src="آدرس عکس" align="absmiddle" border="0"> </a>

درباره‌ی این موضوع



برچسب‌ها