رفتن به مطلب
mohsen kian

درخواست منو

پست های پیشنهاد شده

با سلام

از دوستان کسی می تونه راهنمایی کنه در این سایت برای قسمت منو سمت راست (که فقط آیکون ها مشخص است) و برای قسمت ثبت نام از چه ماژولی استفاده می شود؟

http://www.lastsecond.ir/

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

با سلام

 

سایت جوملایی نیست /.

 

برای منو های  کنار  میتونید  خودتون مستقیما در قالب کد رو وارد کنید  // برای  این کار  ماژول هم داریم که من یادم رفته اگه تو جوملا جهانی سرچ کنید پیدا میکنید

 

 

یا جق

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

این سایت با جوملا نیست

اما طبق این پست آقای میری گفته سایت با جوملا ست

http://forum.joomina.ir/topic/28065-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%D8%A7%D8%AA-%D8%AA%D9%88%D8%B1%D9%87%D8%A7/#entry130685

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

اصلا آقای میری تو این تاپیک چیزی ارسال نکردند

عذر می خوام آقای منتظری

به هر حال منویی مثل این هست؟

یا منوی بالا که با دکمه تور کار می کند؟

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

متاسفانه CSS زیاد بلد نیستم :(

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

ببین آموزش نصب داره

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

ویرایش شده توسط رضا قاسمی

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

اگر تو yoo_masterمیخوای برو مدیریت جوملا

از منوی بالا برو مدیریت افزونه ها و سپس مدیریت قالب ها

توی ردیف قالب روی عنوان Yoo_master کلیک کن

از قسمت استایل ها روی ویرایش css/menus.css کلیک کن

بعد از عبارت:

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/menus.css);

کد زیر رو وارد کنید:

.rightmenu a
{
    position: fixed;
    padding-top:5px;
    padding-right:10px;
    color:yellow;
    right: 5px;
    background-repeat: no-repeat;
    width: 120px;
    text-align: right;
    margin-right: -100px;
    height:30px;
    font-family:b yekan;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: margin;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: margin;
    transition-duration: 0.4s;
    transition-timing-function: linear;
    transition-delay: 0s;
}
.rightmenu a:hover
{
    position: fixed;
    right: 5px;
    background-repeat: no-repeat;
    width: 120px;
    text-align: right;
    margin-right: -10px;
    height:30px;
    font-family:b yekan;
    color:yellow;
}


.home
{
    top: 80px;
    background-image: url('home.png');
    background-color: #00ABA9;

}
.home:hover
{
    top: 80px;
    background-image: url('home.png');
    background-color: #00ABA9;
}
.register
{
    top: 115px;
    background-image: url('register.png');
    background-color: #1E90FF;

}
.register:hover
{
    top: 115px;
    background-image: url('register.png');
    background-color: #1E90FF;
}
.login
{
    top: 150px;
    background-image: url('login.png');
    background-color: #A200FF;

}
.login:hover
{
    top: 150px;
    background-image: url('login.png');
    background-color: #A200FF;
}
.contact
{
    top: 185px;
    background-image: url('contact.png');
    background-color: #E51400;

}
.contact:hover
{
    top: 185px;
    background-image: url('contact.png');
    background-color: #E51400;
}

حالا روی ذخیره و بستن کلیک کنید

از قسمت فایل های اصلی قالب

روی ویرایش صفحه اصلی قالب کلیک کنید.

برید خط آخر و کد زیر رو بنویسید:

?>

<div class="rightmenu">
<a class="home" href="#">صفحه اصلی</a>
<a class="register" href="#">ثبت نام</a>
<a class="login" href="#">ورود</a>
<a class="contact" href="#">تماس با ما</a>
</div>

توی کد بالا هم جای مربع ها میتونی لینک بگذاری

حالا برو تو هاستت

به این آدرس:

templates/yoo_master/css

فایل ضمیمه شده رو اونجا اکسترکت کن

images.zip

ویرایش شده توسط رضا قاسمی

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

الان دیدم یه مشکلی تو قسمت تماس با ما پیش اومده برای حل این مشکل کد css ی که دادم رو با این کد تعویض کنید:

.rightmenu a
{
    position: fixed;
    padding-top:5px;
    padding-right:10px;
    color:yellow;
    right: 5px;
    background-repeat: no-repeat;
    width: 120px;
    text-align: right;
    margin-right: -100px;
    height:30px;
    font-family:b yekan;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: margin;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: margin;
    transition-duration: 0.4s;
    transition-timing-function: linear;
    transition-delay: 0s;
}
.rightmenu a:hover
{
    position: fixed;
    right: 5px;
    background-repeat: no-repeat;
    width: 120px;
    text-align: right;
    margin-right: -10px;
    height:30px;
    font-family:b yekan;
    color:yellow;
}


a.home
{
    top: 80px;
    background-image: url('home.png');
    background-color: #00ABA9;

}
a.home:hover
{
    top: 80px;
    background-image: url('home.png');
    background-color: #00ABA9;
}
a.register
{
    top: 115px;
    background-image: url('register.png');
    background-color: #1E90FF;

}
a.register:hover
{
    top: 115px;
    background-image: url('register.png');
    background-color: #1E90FF;
}
a.login
{
    top: 150px;
    background-image: url('login.png');
    background-color: #A200FF;

}
a.login:hover
{
    top: 150px;
    background-image: url('login.png');
    background-color: #A200FF;
}
a.contact
{
    top: 185px;
    background-image: url('contact.png');
    background-color: #E51400;

}
a.contact:hover
{
    top: 185px;
    background-image: url('contact.png');
    background-color: #E51400;
}

ویرایش شده توسط رضا قاسمی
مشکل در کد

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

کد بالا تصحیح شد.

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

بله فقط کد css رو باید توی template.css بریزید.

الان تو سایت جومینا هم از همین استفاده شده است؟

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

البته فقط رنگاشو

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...