من منویی که سمت چپ این سایت هست رو می خوام تنظیم کنم برای وبلاگم. کسی کدهای اونو داره؟ ممنون
tgju.org
Printable View
من منویی که سمت چپ این سایت هست رو می خوام تنظیم کنم برای وبلاگم. کسی کدهای اونو داره؟ ممنون
tgju.org
سلام
این کد html :
اینم کد css :کد:<div class="side-buttons tablet-hide mobile-hide hide-1315">
<ul>
<li class="side-buttons-1"><a href="faq" class="a"><em></em><span>راهنما</span></a></li>
<li class="side-buttons-2"><a href="sitemap" class="a"><em></em><span>نقشه سایت</span></a></li>
<li class="side-buttons-4"><a href="news/category/65" class="a"><em></em><span>اخبار و اطلاعیه های اتحادیه</span></a></li>
<li class="side-buttons-12"><a href="dealers" class="a"><em></em><span>سکه فروشان مجاز</span></a></li>
<li class="side-buttons-6"><a href="news/category/68" class="a"><em></em><span>مسروقات</span></a></li>
<li class="side-buttons-8"><a href="http://forum.tgju.org" class="a" target="_blank"><em></em><span>انجمن ها</span></a></li>
<li class="side-buttons-11"><a href="videos" class="a"><em></em><span>مولتی مدیا</span></a></li>
<li class="side-buttons-7"><a href="contact" class="a"><em></em><span>تماس با ما</span></a></li>
<!--li class="side-buttons-10"><a href="https://------------/TGJU_bot" target="_blank" class="a"><em></em><span>روبات تلگرام</span></a></li-->
<li class="side-buttons-3"><a href="http://www.tgju.org/ads/app/" class="a" rel="nofollow" target="_blank"><em></em><span>اپلیکیشن</span></a></li>
<li class="side-buttons-9"><span class="a"><em></em><span><ul class="share-buttons-alternte" style="text-align: left; margin: -10px 0 10px; direction: ltr;">
<li class="social-facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=http://www.tgju.org/&t=" title="اشتراک در فیسبوک" target="_blank"></a></li>
<li class="social-twitter"><a href="https://twitter.com/intent/tweet?source=http://www.tgju.org/&text=:http://www.tgju.org/" target="_blank" title="اشتراک در توییتر"></a></li>
<li class="social-gplus"><a href="https://plus.google.com/share?url=http://www.tgju.org/" target="_blank" title="اشتراک در گوگل پلاس"></a></li>
<li class="social-linkedin"><a href="http://www.linkedin.com/shareArticle?mini=true&url=http://www.tgju.org/&title=&summary=&source=http://www.tgju.org/" target="_blank" title="اشتراک در لینکداین"></a></li>
<li class="social-email"><a href="mailto:?subject=&body=:http%3A%2F%2Fwww.tgju.org%2F" target="_blank" title="ارسال از طریق ایمیل"></a></li>
<li class="social-print"><a href="javascript:window.print()" title="چاپ صفحه"></a></li>
</ul></span></span></li>
</ul>
</div>
کد:.side-buttons {
position: fixed;
z-index: 9999999990;
top: 27.5%;
left: 0;
direction: ltr;
}
.hide-1315 {
display: block;
}
.side-buttons ul {
list-style: none;
}
.side-buttons ul li {
display: block;
margin-bottom: 1px;
}
.side-buttons ul li .a {
display: block;
background-color: #023c61;
height: 40px;
overflow: hidden;
width: 50px;
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
-ms-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
color: #fff;
font: normal 14px/1 yekan;
text-align: left;
cursor:pointer;
padding: 13px 0 0 5px;
position: relative;
}
.side-buttons ul li.side-buttons-1 .a, .side-buttons ul li.side-buttons-2 .a, .side-buttons ul li.side-buttons-9 .a {
background-color: #323232 !important;
}
.side-buttons ul li .a:hover, .side-buttons ul li .a:focus {
width: 200px;
display: block;
background-color: #ff9600 !important;
}
ممنون. فوق العاده بود. متن و لینکهای منو را بعدا تغییر خواهم داد. فعلا فقط یک مشکل کوچک دارم.نقل قول:
منوی من باز نمی شود و متن آن نشان داده می شود ولی منوی سایت، عکس نشان می دهد که اگر روی آن موس برود، متن نشان داده می شود. خیلی ببخشید بابت زحمت به شما.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
سلام
به کدهای css اینو هم اضافه کنید :
کد:.side-buttons ul li .a:hover, .side-buttons ul li .a:focus {
width: 200px;
display: block;
background-color: #ff9600 !important;
}
:n12:نقل قول:
واقعا ممنونم. خیلی بهتر شد. گذاشتم تو وبلاگم دیگه.
فقط دو تا مشکل کوچک داره. یکی اینکه هنوز هم آیکون نشان داده نمی شه و متن به جای علامت های گرافیکی هست. دومی که در مرورگرهای دیگه هم هست، اینه که وقتی روی یکی کلیک می کنم و tab جدید باز میشه و مثلا میره به فروم، اما وقتی به همون پنجره برمیگردم، اون نوار کشیده شده هنوز بازه و اگر ماوس رو روی اون ببرم یا گزینه های دیگه، اون نوار کشیده باقی می مونه تا زمان کلیک. این هم اسکرینشاتش ولی دیگه برام مهم نیست. تا همینجا هم خیلی لطف کردید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
سلام
فونتش رو راحت میتونید تغییر بدید .
اینم برای آیکون هاش :
کد:.side-buttons ul li.side-buttons-1 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAAXNSR0IArs4c6QAAALBJREFUOBFjZACC////MwIpECYLMDIy/mMEmsL4iYHhHy9ZRsA0vXVlAjH/wPhk019twAaxkG0ATCPXWXC4AMMIbCBMmFQaFEak6sGpHuaiHpwqCEtIAZVkg2KNCRhrfymLtYdl4LBhJWwrQRUwr4UBVXIRVI1dAUjfXOxSZIjCXAQylZkM/WAtwOj/DM4i34FZhINcU8D63oWDA/s3RYaANH/RArvoJdBFYhQZ9tsUAJPFLjgYrMgKAAAAAElFTkSuQmCC")
}
.side-buttons ul li.side-buttons-2 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAAXNSR0IArs4c6QAAAWtJREFUOBGdVEtOwzAQfU6BVkD5CLFAiLJmwwIBEuqKm+QKPQm34AJcIQdACCEWRYUFYsMCBEqAAsMbJ66EbVmUkSbjeW/8YmfsGCRMRDZJD+ivTdki44kx5r7JpwtDkRFFPRuOUipZimwDzyk+xiUFP2Iz0E6+JCkowHKo+RXBwqoo8iiSex+QaZVHi6cBb0TORdLNcHozbqCRr99nOKSXmjtjsg1sKJ87rInzjBc8RoWHA4VIN9zeX5Gi6wQnTeFgqQEPGFv0BXpHx3fALfBAt7hiymnNLp2WubmwglzH6hHQr0kcM65xG6UB9OT0ViyRaegBZqyc1tB3LIW9gWrUYxFTxXe2zptyGlKXZzo5xFUFmV1hVUv7zznuSe+yZ60tAr+aWReMbZh8Q29WIu38/6bEVb+TN8WuMLJ+1Sp59a5D0eqK2FuIz1qIjbQHmj8W6CF19slOvmiiDXBgHc2TMQqL1us8Z+/a/R/NNfphA5B7NgAAAABJRU5ErkJggg==")
}
.side-buttons ul li.side-buttons-3 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAn1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Kd3m4AAAANHRSTlMAAQMEBgcICQsSExgaHR4kLzM0ODlESUpOVFlbgIOIi46Pm6uwtLe6vMDR2tzg6fP1+fv9Cj5DzgAAAKJJREFUKFO9zUcSglAQRdGLImbBiGBOmDG9/a/NgaD/W+XUO+tTXd3wyvUAKLvZ/K7tBv3A7XxzYSFJmhdsLp3Sm6RberQPbRXOJE1DbUxu6lPD8KHhgxxrsVfvf6p7cRWAs5YjY3+01BkAKbE8kf7iV60sX+kCQG/dsry17pIVGR7lCFQObz5UDAekhPyj2eOH33/4TmMm2n8zRd/B8Yv5+ASpozAMveX0gwAAAABJRU5ErkJggg==")
}
.side-buttons ul li.side-buttons-4 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABUAAAASCAYAAAC0EpUuAAAAAXNSR0IArs4c6QAAAc1JREFUOBGllEsrhHEUxt9XkkuiJhYaVhglJRsxG7tptljIGp9APoMFXwA7H8GGspOkXBcSs5EQ2bjkmozf8zr/t/8w5HLqN+ec5zzn0DuXIPAin8+n4Bx+E/KnvDNB6BoG5dTrcAtTpo+Se2AEXqEE5mANZkExDtXQHYbho4Q4ODoDl5CUSE7ANUzEpnd9wvSE+ZL02pvxfTowDK+QdQPqaTiFCqfZkQrTp51OnwXtD0cahZ7jLUx6pkb6Rxhzmp+l27zR6fSToDupkJdNBl2wCi9maiC3fNBsFKVSXtOQg7NICQKnbanQQEfvYQ8UelOaYRvcH6KMQ3u9cAK7prZbzul5lsES6KOh/06aHv4zDJmxIEm3uXtTW+i1rztlkZmiClbhCJxxnnqj4Jo10mFerfygPe1XFvgRamEH9qEOOkHR5xvVR+r7XD75tVfr++KaQT0cwCbUwDIsxAYK9aZrvgXy1/ueTzWGJjiGFRgAff7aZFS2vp+suXxNn44UEzC2wgUswiFEX0ll66Vr3lps/0uNBT3TK3gAfRE6LKuX3vnl8ncDFtNwBwp9ZRXq9cH/e3AgA0+gUM78/Zq3yaFBuFH25P+XHNRv6Y/iDc8kNhLQ1AFGAAAAAElFTkSuQmCC")
}
.side-buttons ul li.side-buttons-5 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAAXNSR0IArs4c6QAAAQ5JREFUOBGtlEtqAkEQhqsaIaAIMWTnxoO4zBlcZ529ew+Q4+QCCTlAsg/qKm6MgqJjHuTPX4OjGeyedkYLipquxzdFU9UqBQKgxnCL2timrWgXqvq5PceNQah3X8CcNiQW61MvColM6IUIYX9y64UugUG4KBaZ3Oeg30A3VhKPT2920GHxfcVZacYYBnQCuGuRyx298scVUeIc6/FTGXJYaECxYTuXOFHFXOThdODHk6r8ppx3oJ4cefX+NM4Jnpu5ptZA29zlJa1q52DZwTpdlCImj0wPrx+DHR/vX+e2wwaxFa1njfgtH4XZAW32Qle1IXgDRnveyjrp+v9c7NUsTIDt4ob6yvdumfnL2j/ehVgpbFrxBQAAAABJRU5ErkJggg==")
}
.side-buttons ul li.side-buttons-6 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAAAXNSR0IArs4c6QAAAVlJREFUOBGdUz1LA0EQfRuMSlKYFFb+AZuUdmKlZVpra/v0Vlb6KywE04iNlaA/QREsVDgLkYgmIWf8DI5v97jk7nbCyQ283fnatzuzu4AiItL64UDpEatKSr7rSWTRUYyHO8lfBZSySQvAbNZX2A7Gp7HKZ7Mw0a1IM+IK/lWW3chAxDD7hPopcUXMvwPtClCjbmWfuCCWiTXiwBhzxDkjIqVBqpQ842Enw+BM22wZaZGpvmqghbxb05LSvvA8bUdWAaLKrl3KBmwRfLCuMUuu2V3gt+5v02fJtRnfr3jugyknGm3wZuplDs/AobLScylEIZPKZ3HmEDiO9Wh+u+S8MgD6E79c22JN17vx102XxNijF7vZiwkYahDrka0SddyLnrzwJFunFRMlZ1ea39ChO/Y30EsmR3q47fvsF6FwP0tYJSwnYV4M75O6jfG3YI74Ij7Yf/X//QF2NAsXCHztbQAAAABJRU5ErkJggg==")
}
.side-buttons ul li.side-buttons-7 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAASlJREFUOBGtVD1LA0EQfbNJkyLBCyQWaSxErAIWlnam9D/4g/wD/hx/RkDQRhDBJBcLIcQb37uEY9dEkbs8mL352Hk3O7N3BsE9OHBa6rUXezRD0Vb+C/BVm6dKJAtGFlRdt3I2UbqkQgik8HUTnjTXA8ycFV6l/jpWZ8IektDd2MiMFON6lZZZl0BbRzZN2D5dWN1zyZbuD6X5r2WpvRnlzl0sYAtJOKuSSed+RrmuXL8rNwydpLmboUQNK+c9peOC0s+B5yi4VXP5hpRzypN6lSKpMC7nfU5rQLmNvNKzV3fFfkCn26kwflf/iNbb1tPjUyLMjgHF9oKDZg+BYrf0vfv/cH4w1mvpYh8UItQ9PBj0pRSc5qI5Y77Q34Y3ewOOqFEbzWwupm+M7QgQL1gwdwAAAABJRU5ErkJggg==")
}
.side-buttons ul li.side-buttons-8 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABAlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////95EvdTAAAAVXRSTlMAAQIDBAUGBwkLDA0ODxATFBcYGRocHR8gISIjJicpLS4zNDU2N0BGR0tNTlBVXF1ob3BzdHd7fomLnZ6oqq2wsre8x8jO09Xc3uDi5Ojp6+3x9fv9eEHYkgAAAM9JREFUGBl1wWk7AlEAhuG3kSyNtAgpZN9ClqxRWQvRTJ7//1eccyaX+eK+ZUyl9MvzE7K8ezhWZDGgl5Gxj5GR0wdaMk4xlsZ2L46mPYwPGSWgn+8Cw5UboC5r9fbKb2OF6XrzMCFp530vV0gTqc7Nbjw0pQ5GmcjWC0ZSnxjlHk4Oy9cXxnUF62QTa0brb7QKxVTxLnza9uazDYIzWclHwoNJjVdfGeQ1csmfriKJb2IW5GSJq8lZJu5cToW4hpyJITFripQ6g2Dkuab//ACXvkrB/aydvQAAAABJRU5ErkJggg==")
}
.side-buttons ul li.side-buttons-9 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAATRJREFUOBGVU72KAjEQnsiCYie41TaL5cEVcvV1trbW+xL2PoAv4AsI1vcE1sfBvYFyhXAgFirrzyrjN0GjuxiTneXbJPPzZTKTKCopzNxAyAewB76VUoeSFEQb5gGICpJ1ShFtmd8LDNdlhnFRr/iy/RF9PvcNoG6+yd8p2DJMifp2x03L2ODcAIbAGOgDARAemH8xuiTURPCynN8VL/bZ1GTz7/SXgnICVAHJVrIUJIaEmCtraOxyflGbO41H145tbFK/h7yYze3pPFpGWMQ45Bdzpj+shznalDnSVXgM854vZjkyxEm7e4AUU1/7q06uhEPSKEdmW4AlQEOmdrZl4lFsIrzw04poYtuIqPZjtxUsyCZ+ntEOavJ6aoYSEd08mW5RbBzKTEAkTZF3GSETdYu9ALMaKyfXdtp5AAAAAElFTkSuQmCC")
}
.side-buttons ul li.side-buttons-10 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAMAAACO0hVbAAAAnFBMVEUAAADy//f7//v//+P///z///zf/////////97///z//93+///9///////////////////////0//8A///////1///c/////9b5///u///X///8//////z//9/h/////+Hx/////+nk//////////////Pg///////s/////////+L//7v////////v//////L7///p/////+X//9zayw8EAAAALXRSTlMACxt1ajQgEe/f0KaZdVZNPC0VCATv39/Q0NDBwcGzs6ammYyAgGpgYEQ0LSY70BPJAAAAn0lEQVQY02WPVw6DMBAFlxRK6IH03utAyv3vFptEgMj7ed7RyqOVRlI3b6IONFg3w8GuE2sMoUx7NeTBXlXWLkkAc0OWt4Tuj9wz8liS50hMWgUxZhCIXMCQ81e7A0/VGtRX27dGGVhKquqlpmGhnYAThQDXSmv4D3RW+l1q5QTQESm1Kn2K+Omxural16IBYNfZQa+7LEpmspG/xPXhA/uyEcjz8VlVAAAAAElFTkSuQmCC")
}
.side-buttons ul li.side-buttons-11 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAtFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////oK74hAAAAO3RSTlMAAQIDBQYICQsOERITFBgZHCEwMzw/Q0RGVVdbYWNrbG91d3iCiYyVqLXBw8rO0dfe4OTm6Ovt8/X3+Xhtjd4AAACmSURBVBhXlZDnDoIwFEa/VlTcIirugXsgDhTtff/30ko1bUhMPH/O7UmTDuAHrFSRZI1onymhpW1kCxUpthiTic8FmWzLgE8pLhzXdKUa1LB37Vx9qRaOqqv3GWga9cQxvAufYarXPnpSMxT16iKUEsjotYNAKkZerxu0pQaJvnfw4AVhF/bNqDSyXv/RUE9yEKlMh93jM1YxphRHDjaJyECsC/iHJ78MPtdF1rraAAAAAElFTkSuQmCC")
}
.side-buttons ul li.side-buttons-12 .a em {
background-image:url("data:image/png;------,iVBORw0KGgoAAAANSUhEUgAAABcAAAATCAYAAAB7u5a2AAAAAXNSR0IArs4c6QAAAXhJREFUOBG1lb1KA0EUhTNRohYWGkQJgpDG3l4sLP15CxtfIFXEF7ARBMF3sFF7g5W1RUghaGk02FhERcfvTHbcFbLrDtkc+JzZ3Ttn7tyZiaaErLVzNKswoecR9cX4jjHmVcZ1aEORkl/d8OeamTZGzHbY8JbM7bAvRbwrF2GS5jEZffigPYMeaCV+0m/6ITIEV2EPKtpQqQezIS5psfKJ/KzPXLGq/zbtKWzCDFyBXwXdTGnFyvjGRyXNdcafoAVv8Bn1tdS86hIY3xWylVSWpbwOWXHyifz+lKXPy3UGHoCWNwUnEJL5IfF34JQsi2o2DYug90L9kJorofjekK009rK8M8kaM+9DEyqgEsUbxEOGlPExPPiYZFn0a7YMu3AEOoo7EFKWc+LvYSBXFGtfaN0lov3dQPWhnBc5EqtLJD93Wi55twUNnp8H362y1TLjzeHhPzFeiS3APFxophrcQpGSX82VgI6O4Ark3TxCU6W9e+Q/Uf8HaOp+QevlW5YAAAAASUVORK5CYII=")
}
فونتش رو بلدم تاهوما کنم ولی فعلا بماند. این کد جدید هیچ تغییری ایجاد نکرده.نقل قول:
این کل کدهایی که اضافه کردم به بخش style و body
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این هم خود وبلاگم برای مشاهده
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
البته تا همینجا کافیه برای وبلاگم. مرسی از محبت تون
سلام
کد آیکون ها درست بود منتها خود انجمن بعضی قسمت ها رو فـــیلتر می کنه ...
بفرمایید این کد درستش خواستید اضافه کنید .
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
نقل قول:
نشد ولی دیگه بی خیال. تا همینجا هم خیلی متشکرم.
خواهش میکنم ...:n16: