رفتن به مطلب

مشکل در نمایش منوی آبشاری


M.Hajloo

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

درود

من برای نمایش دسته ها از کد زیر استفاده میکنم


<div class="menu">
<ul id="menu">
<li> <a href="<?php bloginfo("url"); ?>" title="مجله آریانت"> صفحه اصلی </a> </li>
<?php wp_list_categories('sort_column=name&sort_order=asc&style=list&children=true&hierarchical=true&title_li=0'); ?>
</ul>
</div>

اما این کد 2 تا مشکل ایجاد کرده که

یکی اینکه در صفحه اصلی و هر جایی که اسلایدر وجود داشته باشه این منوی آبشاری میره زیر اسلاید مثل عکس زیر :

1365568522.png

و مشکل دوم این هست که من چون بخش هام زیاد هستند امدم 1 بخش دیگه به اسم دیگر موضوعات ایجاد کردم و 4-5 تا از بخش ها و زیرمجموعه هاشون را توی اونجا گذاشتم توی قالب قبلی که داشتم به راحتی نمایش داده میشد اما توی این قالب نمیدونم چرا اینطوری میشه :

1365580579.png

لطفاً راهنمائی بفرمائید

لینک به ارسال

برای مشکل اول باید به هر دو المان z-index و position بدید.

بعد اونی که قراره رو باشه باید z-index بیشتری داشته باشه.

برای زیر منو هم باید به li li هاتون خاصیت margin بدید و فاصله ها رو از سمت راست تنظیم کنید

لینک به ارسال

برای مشکل اول باید به هر دو المان z-index و position بدید.

بعد اونی که قراره رو باشه باید z-index بیشتری داشته باشه.

برای زیر منو هم باید به li li هاتون خاصیت margin بدید و فاصله ها رو از سمت راست تنظیم کنید

آقا مرتضی میشه لطفاً بفرمائید که چطوری باید این خاصیت ها را اضافه کنم

ممنون

لینک به ارسال

این کد را به انتهای style.css در پوشه قالب اضافه کنید و تست بگیرید


#menu ul {
margin-right:100px !important;
z-index:99999 !important;
}

لینک به ارسال

این کد را به انتهای style.css در پوشه قالب اضافه کنید و تست بگیرید


#menu ul {
margin-right:100px !important;
z-index:99999 !important;
}

ممنون از شما با این کد مشکل اول حل شد

فقط من کد margin-right:100px را از 100 به 10 تغییر دادم چون وقتی موس روی بخش ها میبردم تا زیر مجموعه های نشون داده بشه زیر مجموعه ها باصله خیلی زیادی باز میشد یعنی روی بخش آشپزی که میرفتم بخشش را زیر بخش سلامتی باز میکرد

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

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

لینک به ارسال


.menu li:hover ul {
display:block;
}
.menu li:hover li ul {
display:none
}

این رو در ادامه همون کد قبلی بگذارید و تست کنید

لینک به ارسال


.menu li:hover ul {
display:block;
}
.menu li:hover li ul {
display:none
}

این رو در ادامه همون کد قبلی بگذارید و تست کنید

بخش اول کدی که فرمودید را داشتم و بخش دوم را هم اضافه کردم الان روی دیگرموضوعات که میرم زیر مجموعه هاش را به خوبی نشون میده اما روی همون زیر مجموعه ها که میرم تا زیر مجموعه اونارو نشون بده هیچ اتفاقی نمیوفته

کدی Css منو آبشاری من این هست :


.menu {
direction:rtl;
background:url(images/menu-bg.png);
height:37px;
width:100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #FFF;
box-shadow:#000 0 0 1px;
margin:8px 0;
}
.menu ul {
margin-right:5px !important;
z-index:9999 !important;
padding: 0;
list-style: none;
}
.menu li {
display:block;
position: relative;
float:right;
margin:5px 8px 0 8px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.menu a {
color:#FFF;
text-shadow:1px 1px 1px #000000;
}
.menu li a:hover {
color:#CCCCCC;
}
.menu li:hover {
margin:0px;
padding:5px 10px;
}
.menu li:hover a {
color:#C30
}
.menu li ul {
float:right;
display: none;
}
.menu li ul li:hover a {
color:#FFF;
}
.menu ul li a {
display: block;
text-decoration: center;
white-space: nowrap;
}
.menu li:hover ul {
display: block;
position: absolute;
margin-top:5px;
text-align:center;
background:url(images/bg-black.jpg);
border:#FFFFFF 1px solid;
box-shadow:0 0 2px #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.menu li:hover li ul {
display:none
}
.menu li:hover li {
float: none;
padding:5px;
margin:0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-bottom:1px solid #F00;
}
.menu li:hover li:hover {
border-bottom:1px solid #FFF;
}
li:hover li a:hover {
border:none;
}

لینک به ارسال

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


.menu li:hover li ul {
display:none;
}
.menu li:hover li:hover ul {
display:block
}
.menu li:hover li:hover li ul {
display:none;
}
.menu li:hover li:hover li:hover ul {
display:block
}

لینک به ارسال

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


.menu li:hover li ul {
display:none;
}
.menu li:hover li:hover ul {
display:block
}
.menu li:hover li:hover li ul {
display:none;
}
.menu li:hover li:hover li:hover ul {
display:block
}

انجام دادم اما متاسفانه وقتی روی یک مجموعه میرم به جای اینکه زیر مجموعه ها سمت چپ باز بشه زیرش باز میشه

حالا چی کار کنم که سمت چپ نشون داده بشه ؟

لینک به ارسال

position:absolute تعریف کنید براش بعد هم بهش خاصیت right بدید

لینک به ارسال

position:absolute تعریف کنید براش بعد هم بهش خاصیت right بدید

اقا مرتضی من هم این کارها را انجام دادم اما درست نشد


.menu li:hover li:hover ul {
position:absolute;
margin-right:50!important;
display:block
}
.menu li:hover li:hover li ul {
display:none;
position:absolute;
margin-right:50!important;
}
.menu li:hover li:hover li:hover ul {
display:block
position:absolute;
margin-right:50!important;
}

لینک به ارسال

ببخشید

1. در مورد کدهایی که باید تکرار بشند نیازی نیست


position:absolute;
margin-right:50!important;

یا هر کد مشترکی تکرار بشه

2.کد


margin-right:50!important;

را به


margin-right:50px !important;

تغییر بدید و فاصله بعد از px را فراموش نکنید

3. برای اینکه لایه هاتون بیانند چپ بجای


display:block

بنویسید


display:inline-block;
margin-top:-20px;

اگر نخواستید از li مادر بالاتر بیاند top:=-20px را از کد حذف کنید

اگر کد جواب نداد ببینید در کدها هر جا برای li a خاصیت display:block تعریف شده بود تبدیلش کنید به inline-block

لینک به ارسال

ایمان جان و آقا مرتضی واقعاً ممنونم که وقت گذاشتید و راهنمایی کردید

کاملاً درست شد

لینک به ارسال
  • 2 ماه بعد...

من یه مشکلی دارم

یه منوی آبشاری دارم که در اینترنت اکسپلورر زیر منوها نشون داده نمیشه و با موس هم که بر روی لینک ها می ریم hover کار نمیکنه

کسی میدونه علتش چیه

در بقیه مرورگرها هیچ مشکلی نداره اما در IE زیر منوها نشون داده نمیشه

این هم کد css منو آبشاری من


#nav-menu-cat {
background: #fce56e; /* for non-css3 browsers */
height:24px;
width:980px;
margin: 0;
padding:0;
text-decoration: none;
font:12px Tahoma, Geneva, sans-serif;
vertical-align:middle;
}
#nav-menu-cat li {
margin: 0 5px;
padding: 0 0 8px;
float: right;
position: relative;
list-style: none;
}
/* main level link */
#nav-menu-cat a {
color: #000000;
text-decoration: none;
display: block;
line-height:14px;
text-align:center;
text-decoration:none;
padding: 5px 10px 5px 10px;
margin: 0;
}
/* main level link hover */
#nav-menu-cat .current a{
background: #f56d00 !important; /* for non-css3 browsers */
color: #000000 !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 7px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
#nav-menu-cat li:hover > a {
background: #fd8b2f !important; /* for non-css3 browsers */
display:block;
color: #000000 !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 7px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* sub levels link hover */
#nav-menu-cat ul li:hover a, #nav-menu-cat li:hover li a {
background: none;
border: none;
color: #000000;
width: 150px;
}
#nav-menu-cat ul a:hover {
background: #fd8b2f !important; /* for non-css3 browsers */
display:block;
color: #000000 !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 7px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#nav-menu-cat ul {
background: #eae8e2; /* for non-css3 browsers */
display: none;
margin: 0;
padding: 0;
position: absolute;
left: 0;
border: solid 1px #b4b4b4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav-menu-cat li:hover > ul {
display: block;
}
#nav-menu-cat ul li {
float: none;
margin: 0;
padding: 0;
}
#nav-menu-cat ul a {
font-weight: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav-menu-cat ul ul {
right: 100%;
width:100%;
top: 0;
}
#nav-menu-cat ul ul li a{

}
/* rounded corners for first and last child */
#nav-menu-cat ul li:first-child > a {
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
}
#nav-menu-cat ul li:last-child > a {
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav-menu-cat:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#nav-menu-cat {
display: inline-block;
}

ویرایش شده توسط heapland
لینک به ارسال

سلام

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

در کدوم نسخه از IE تست می کنید؟

لینک به ارسال

روی نسخه 9 که کار نمیکنه درسته

اصل این هست که کار نمیکنه:

#nav-menu-cat li:hover ul {
display: block;
}

لینک به ارسال

این هم کد قسمت منو شاید کمکی بکنه

=========================================


<div align="center">
<ul id="nav-menu-cat">
<li>     </li>
<li><a href="[url="http://www.movafaghan.ir/">صفحه"http://www.movafaghan.ir/">صفحه/a%20نخست</a></li>
%20<li><a%20target="_blank"]http://forum.movafaghan.ir/">انجمن</a></li[/url]>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/information/">اطلاع"http://www.movafaghan.ir/category/information/">اطلاع/a%20رسانی</a>
%20%20<ul>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/information/news/">خبر</a></li[/url]>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/information/call/">فراخوان</a></li"http://www.movafaghan.ir/category/information/call/">فراخوان</a></li/a>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/information/press/">مطبوعات</a></li[/url]>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/information/article/">مقاله</a></li"http://www.movafaghan.ir/category/information/article/">مقاله</a></li/a>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/information/book/">کتاب</a></li[/url]>
</ul>
</li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/general-information/">اطلاعات"http://www.movafaghan.ir/category/general-information/">اطلاعات/a%20عمومی</a>
%20%20<ul>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/general-information/innovation/">ابداع[/url] ، اختراع ، نوآوری</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/general-information/wonders-and-news/">تازه"http://www.movafaghan.ir/category/general-information/wonders-and-news/">تازه/a%20ها%20و%20عجایب</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/general-information/records/">ترین[/url] ها و رکوردها</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/general-information/acknowledg/">دانستنی"http://www.movafaghan.ir/category/general-information/acknowledg/">دانستنی/a%20ها</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/general-information/intelligence-and-personality-science/">هوش[/url] و شخصیت شناسی</a></li>
</ul>
</li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/market/">بازارچه</a"http://www.movafaghan.ir/category/market/">بازارچه</a/a>
%20%20<ul>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/market/office/">آفیس</a></li[/url]>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/market/education/">آموزشی</a></li"http://www.movafaghan.ir/category/market/education/">آموزشی</a></li/a>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/market/foreign-languages/">زبان[/url] های خارجی</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/market/speech/">سخنرانی</a></li"http://www.movafaghan.ir/category/market/speech/">سخنرانی</a></li/a>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/market/health/">سلامت</a></li[/url]>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/market/operating-system/">سیستم"http://www.movafaghan.ir/category/market/operating-system/">سیستم/a%20عامل</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/market/cultural-and-religious/">فرهنگی[/url] و مذهبی</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/market/market-music/">موسیقی</a></li"http://www.movafaghan.ir/category/market/market-music/">موسیقی</a></li/a>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/market/market-success/">موفقیت</a></li[/url]>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/market/market-software/">نرم"http://www.movafaghan.ir/category/market/market-software/">نرم/a%20افزارهای%20کاربردی</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/market/market-child-and-teenager/">کودک[/url] و نوجوان</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/market/market-graphic/">گرافیکی</a></li"http://www.movafaghan.ir/category/market/market-graphic/">گرافیکی</a></li/a>
%20%20</ul>
%20%20%20%20</li>
%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/advice/">پند[/url] و اندرز</a>
<ul>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/advice/story/">داستان"http://www.movafaghan.ir/category/advice/story/">داستان/a%20ها%20و%20حکایات</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/advice/content-wise/">مطالب[/url] حکیمانه</a></li>
</ul>
</li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/mystery/">رازها"http://www.movafaghan.ir/category/mystery/">رازها/a%20و%20عوامل%20موفقیت</a></li>
%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/god/">سمت[/url] خدا</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/daily-omen/">فال"http://www.movafaghan.ir/category/daily-omen/">فال/a%20روز</a></li>
%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/successful/">موفقان</a[/url]>
<ul>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/successful/success-stories/">داستان"http://www.movafaghan.ir/category/successful/success-stories/">داستان/a%20های%20موفقیت</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/successful/centers-and-successful-companies/">مراکز[/url] و شرکت های موفق</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/successful/successful-iranians/">موفقان"http://www.movafaghan.ir/category/successful/successful-iranians/">موفقان/a%20ایرانی</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/successful/successful-non-iranian/">موفقان[/url] غیر ایرانی</a></li>
</ul>
</li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/success/">موفقیت</a"http://www.movafaghan.ir/category/success/">موفقیت</a/a>
%20%20<ul>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/success/terse/">مختصر[/url] و مفید</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/success/educational-success/">موفقیت"http://www.movafaghan.ir/category/success/educational-success/">موفقیت/a%20آموزشی</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/success/social-success/">موفقیت[/url] اجتماعی</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/success/economic-success/">موفقیت"http://www.movafaghan.ir/category/success/economic-success/">موفقیت/a%20اقتصادی</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/success/success-in-cooking-and-pastry/">موفقیت[/url] در آشپزی</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/success/successful-advertising-and-marketing/">موفقیت"http://www.movafaghan.ir/category/success/successful-advertising-and-marketing/">موفقیت/a%20در%20تبلیغات%20و%20بازاریابی</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/success/successful-health/">موفقیت[/url] در تندرستی</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/success/home-and-life-success/">موفقیت"http://www.movafaghan.ir/category/success/home-and-life-success/">موفقیت/a%20در%20خانه%20و%20زندگی</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/success/success-in-family/">موفقیت[/url] در خانواده</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/success/shopping-success/">موفقیت"http://www.movafaghan.ir/category/success/shopping-success/">موفقیت/a%20در%20خرید</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/success/success-in-the-world-of-technology/">موفقیت[/url] در دنیای فناوری</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/success/success-in-tourism/">موفقیت"http://www.movafaghan.ir/category/success/success-in-tourism/">موفقیت/a%20در%20گردشگری</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/success/political-success/">موفقیت[/url] سیاسی</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/success/career-success/">موفقیت"http://www.movafaghan.ir/category/success/career-success/">موفقیت/a%20شغلی</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/success/individual-success/">موفقیت[/url] فردی</a></li>
<li><a target="_blank" href="[url="http://www.movafaghan.ir/category/success/intellectual-and-emotional-success/">موفقیت"http://www.movafaghan.ir/category/success/intellectual-and-emotional-success/">موفقیت/a%20فکری%20و%20روحی</a></li>
%20%20%20<li><a%20target="_blank"]http://www.movafaghan.ir/category/success/spiritual-and-religious-success/">موفقیت[/url] معنوی و مذهبی</a></li>

</ul>
</li>
</ul>
</div>

لینک به ارسال

فکر میکنم یک تجدیدنظر در کده بایدداشته باشید. البته اگر به ie واقعا نیاز دارید!

این یک نمونه ساده:

http://www.menucool.com/horizontal/drop-down-menu#view2

لینک به ارسال

ممنون از راهنماییتون ، کدی نسیت که از جاوااسکریپت یا جی کوئری استفاده نکنه چون اینا پهنای باند زیادی مصرف می کنند؟

پهنای باند!

در حد کیلوبایت هست، اصلا در نظر گرفته نمیشه

لینک به ارسال

سلام دوستان

یک سوال در رابطه با منوی آبشاری !

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

هرچی گشتم پیدا نکردم

لینک به ارسال

سلام دوستان

یک سوال در رابطه با منوی آبشاری !

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

هرچی گشتم پیدا نکردم

استایل


opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */

لینک به ارسال

کدی که فرمودند لایه را محو می کنه (شیشه ای) و برای اینکه فقط بک گراند رذا تغییر دهید می تونید از


background: rgba(255, 255, 255, .5);

استفاده کنید که .5 مقدار محوی رنگه

لینک به ارسال

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

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

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

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

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

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

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

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

×
×
  • اضافه کردن...