ساخت منو با کد های Css

[foadg 13]

خوب این اولین باره من دارم هدیه داخل انجمن میزارم

یک مختصر ترجمه دست و پا شکسته کردم

یک ماژول که خیلی خودم دنبالش گشتم

باور کنید دو هفته داخل سایت جوملا دنبال یک مازول رایگان بودم تا بالاخره پیدا شد

مازول به نحوی کار میکنه که شما از یک سایت دیگه یک کد منو میگیره داخل این مازول میزاری و منو نمایش داده میشود

اول از همه به این آدرس میروید و یک منو Css میسازی

و بعد کد منو را کپی میکنی و عکس که پایین منو هم هست دانلود میکنی

بعد کد را داخل ما ژول میذاری و عکس را انتخاب میکنی

به همین راحتی منو زیبا درست شد

با امکانات فوقالعاده

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

راستی امتظار امتیاز هم ندارم چون من کاربر حرفه ای جوملا نیستم

همین که خدمتی کنم برام کافیه

دانلود ماژول

[mal2moh 10]

لطفا دمویی از منوی اجرا شده توسط خودتون بزارین

[reza.sh 19]

لطفا دمویی از منوی اجرا شده توسط خودتون بزارین

تصویر کاملا گویاست

[foadg 13]

این دمویی که یکی از دوستان اجرا کرده برای سایت خودش

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

http://damiranpars.ir/

[lived 13]

دو تا سایت زیر برای گرفتن کد منو به نظرم خوب بودن گفتم بگذارم همه استفاده کنند

CSS Menu Generator - CSS Portal

CSS Menu Maker

سایت اولی یه اکستنژن خوب هم گذاشته 29دلار که احتمالا خیلی به درد بخور باشه

Dreamweaver Menu Extension | CSS Menu Maker

[hamid80 10]

سلام من افزونه شما را دانلود کردم بعد به سایتی که گفتین رفتم الان وقتی از کد و عکس استفاده می کنم تو قالب اعمال نمیشه

کد css

      
/* ---------------------- Dolphin nav ---------------------- */
#tabs24{position:relative;height:43px;font-size:14px;text-transform:uppercase;background:#fff url("images/time4bed_bg.gif") repeat-x bottom left;font-family:Georgia, "Times New Roman", Times, serif;}
#tabs24 ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#tabs24 ul li{display:block;float:left;margin:0 2px;}
#tabs24 ul li a{display:block;float:left;color:#ffdab6;text-decoration:none;padding:0 0 0 25px;height:43px;line-height:50px;}
#tabs24 ul li a span{display:block;float:left;padding:0 25px 0 0;height:31px;width:auto;}
#tabs24 ul li a:hover{color:#fff;}
#tabs24 ul li a:hover span{display:block;cursor:pointer;}
#tabs24 ul li a.current,#tabs24 ul li a.current:hover{color:#894d12;background:transparent url("images/time2bed_left-ON.gif") no-repeat top left;}
#tabs24 ul li a.current span{background:transparent url("images/time2bed_right-ON.gif") no-repeat top right;height:43px;}
/* ---------------------- END Dolphin nav ---------------------- */

ویرایش شده در اردیبهشت 92 توسط hamid80