افقی کردن لینکهای Blogrolling

April 28, 2006
برای افقی کردن لینکها کد CSS زیر را به قالب وبلاگتان اضافه می کنید.
<style>
.blogrollmain{
margin:10px;
padding-bottom:2px;
font-family:tahoma;
font-size:12px;
text-align:justify;
direction:rtl;
}
.blogrollmain a{
display:inline;
padding:2px;
color:#111;
font-weight:bold;
text-decoration:none;
}
.blogrollmain a:hover{
color:#555;
}
.blogrollmain br{
display:none;
}
</style>

توجه : اگر خواستید این کدها را در فایلی جدا قرار دهید و سپس آن فایل را به قالب خود وصل کنید ( منظور همان فایل Stylesheet است ) باید دو کد زیر را از اول و آخر کد بالا حذف کنید.
<style> </style>

حال اگر به وبلاگ خود بروید لینکهای شما افقی شده اند و اگر کمی با کدهای HTML آشنایی داشته باشید میتوانید ظاهر آنها را به سلیقه خود تغییر دهید.
مشکل خیلی از دوستان این است که می خواهند هر لینک با علامتی از لینک دیگری جدا شود برای این کار به سایت Blogrolling رفته و پس از Login کردن به قسمت Preferences رفته و سپس به دنبال گذینه ی Link goodies گشته.
در این قسمت دو گذینه موجود می باشد که اگر علامتی در گذینه اول ( Prepend to link ) قرار دهید آن علامت در وبلاگ شما قبل از هر لینک قرار خواهد گرفت و اگر در گذینه دوم ( Append to link ) علامتی قرار دهید در وبلاگ شما آن علامت بعد از هر لینک قرار خواهد گرفت.
با این روش می توانید با یک علامت لینکها را از هم جدا کنید.

اگر مشکلی داشتید ، در قسمت نظرات همین مطلب بنویسید.

3 comments

دستت درد نکنه مبین جان
حیف پهنای باند من امروز تموم شده و نمی تونم امتحان کنم ولی با توضیحات خوبی که دادی فکر نمی کنم مشکلی باشه:)
ایول مبین جان
راهنمای کاملی بود و فکر کنم بدرد خیلی ها بخوره چون راهنمای مژده زیاد کامل نیست.
بعد از اینکه کدها رو قرار دادم قالبم دو تکه شد یعنی اول ستون اول نشون داده میشه و در زیر اون ستون دوم و نه در کنار هم
ولی چیز خوبیه اگه درست بشه

Post your comment

Your Name: (required)
Your Mail: (required)
Your Website:
Comment:
Tags
Detail