گذاشتن ایکون های مختلف کنار صفحه

[harbiline]

سلام

دوستان من میخوام کنار سایتم اینجوری

ایکون بذارم  با ایکون های دلخواهم ..

لطفا یه کدی بدید  یا راه حلی عنایت فرمایید با استایلش که بتونم انجامش بدم و کلا زیر هم باشند..

ممنون

 

[simonamiri0069]

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

[harbiline]

لینک ها تنها برای اعضای سایت قابل نمایش است.

شما اصلا خوندی من چی نوشتم؟؟؟

لطفا یه کدی بدید  یا راه حلی عنایت فرمایید با استایلش که بتونم انجامش بدم و کلا زیر هم باشند..

یعنی اینکه کنار صفحه با کدنویسی بتونم ایکون یا عکس بذار که عکس باشه بهتر هستش..شما بهم صفحه ایکون دادید )

 

[Qalekhani]

کدهای html:

<div class="vertical-menu">
<a href="#" class="active">خانه</a>
<a href="#">لینک 1</a>
<a href="#">لینک 2</a>
<a href="#">لینک 3</a>
<a href="#">لینک 4</a>
</div>


کدهای css:

.vertical-menu {
width: 200px;
}

.vertical-menu a {
background-color: #eee;
color: black;
display: block;
padding: 12px;
text-decoration: none;
}

.vertical-menu a:hover {
background-color: #ccc;
}

.vertical-menu a.active {
background-color: #4CAF50;
color: white;
}


به جای لینک 1 و ... هم می تونید آدرس تصاویر رو بذارید.