سوال :اضافه کردن فلش کوچک به منوها

[aboalfazl 10]

سلام

منوهای بالا دارای زیر مجموعه است می خواهم فلش کوچکی برای نشان دادن زیر مجموعه ها بکار برم (مثل بانک پاسارگادbpi.ir)

فکر کنم باید در css منو برای ul ها list styleبزارم حالا نمی دونم دقیقا زیر کدام ulها list styleبزارم؟و آیا این list styleدرسته یانه؟ul

{

list-style:square url("sqpurple.gif");

}

[نیما حبیب خدا 19]

باید توی کدهات تعریف کنی که اگر child داشت ، یک کلاس اضافه کنه که توی این سایت که دادی زده : MainhorizontalMenuS . یعنی این کلاس اضافه میشه . حالا به این کلاس استایل میدی و عکس رو توش قرار میدی .

[aboalfazl 10]

باید توی کدهات تعریف کنی که اگر child داشت ، یک کلاس اضافه کنه که توی این سایت که دادی زده : MainhorizontalMenuS . یعنی این کلاس اضافه میشه . حالا به این کلاس استایل میدی و عکس رو توش قرار میدی .

سلام

بخاطر اینکه تازه کارم خیلی بهش ور رفتم ولی نشد اگر امکان داره میشه زحمت کد ها را بکشید؟!:oom:

[نیما حبیب خدا 19]

این لینک کارت رو راه میندازه .. مطالعه کن عزیزم ( با استفاده از تگ before توی css ):

http://jsfiddle.net/UW58f/

[نیما حبیب خدا 19]

این هم اساسی جواب میده اگر بالایی کار نکرد :

http://stackoverflow.com/questions/5281556/css-way-to-add-arrow-if-ul-has-ul

[aboalfazl 10]

این هم اساسی جواب میده اگر بالایی کار نکرد :

http://stackoverflow.com/questions/5281556/css-way-to-add-arrow-if-ul-has-ul

سلام

اگر این کد ها را در tmplate قالبم بریزم درست می شه؟آیا کار دیگری باید انجام دهم؟!

<div class="menu">

<ul>

<li><a href="#">Page 1</a></li>

<li><a href="#">Page with Subpages</a>

<ul class="children">

<li><a href="#">Page with another subpage</a>

<ul class="children">

<li><a href="#">subsubpage</a></li>

</ul>

</li>

</ul>

</li>

<li><a href="#">Page 3</a></li>

<li><a href="#">Page 4</a></li>

</ul>

</div>

<div class="menu">

<ul>

<li><a href="#">Page 1</a></li>

<li><a href="#">Page with Subpages</a>

<ul class="children">

<li><a href="#">Page with another subpage</a>

<ul class="children">

<li><a href="#">subsubpage</a></li>

</ul>

</li>

</ul>

</li>

<li><a href="#">Page 3</a></li>

<li><a href="#">Page 4</a></li>

</ul>

</div>

[ابوالفضل طالبی 280]

لینک سایتتون رو بزارید بگم کجا رو تغییر بدید

[aboalfazl 10]

لینک سایتتون رو بزارید بگم کجا رو تغییر بدید

سلام

این هم لینک سایت.

[amin.poorsaeed 26]

دوست عزیز به فایل template.css موجود در داخل پوشه قالب مراجعه کنید

سپس به سطر 645 برین که کد زیر در اون سطر هست

ul.art-hmenu>li>a
{
  position: relative;
  display: block;
  height: 24px;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  padding: 0 14px;
  line-height: 24px;
  text-align: center;
}

سپس کد زیر رو جایگزین کد بالا کنید

ul.art-hmenu>li>a
{
  position: relative;
  display: block;
  height: 24px;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  padding: 0 14px;
  line-height: 24px;
  text-align: center;
     background:url(http://cdn1.iconfinder.com/data/icons/sanscons/black/to_size/arrow2_s.gif) no-repeat right;
}

به جای http://cdn1.iconfinder.com/data/icons/sanscons/black/to_size/arrow2_s.gif بهتره عکس مورد نظرتون رو قرار بدین من چون داشتم آنلاین قالبتون رو ادیت می کردم از این عکس استفاده کردم

[aboalfazl 10]

دوست عزیز به فایل template.css موجود در داخل پوشه قالب مراجعه کنید

سپس به سطر 645 برین که کد زیر در اون سطر هست

ul.art-hmenu>li>a
{
  position: relative;
  display: block;
  height: 24px;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  padding: 0 14px;
  line-height: 24px;
  text-align: center;
}

سپس کد زیر رو جایگزین کد بالا کنید

ul.art-hmenu>li>a
{
  position: relative;
  display: block;
  height: 24px;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  padding: 0 14px;
  line-height: 24px;
  text-align: center;
     background:url(http://cdn1.iconfinder.com/data/icons/sanscons/black/to_size/arrow2_s.gif) no-repeat right;
}

به جای http://cdn1.iconfinder.com/data/icons/sanscons/black/to_size/arrow2_s.gif بهتره عکس مورد نظرتون رو قرار بدین من چون داشتم آنلاین قالبتون رو ادیت می کردم از این عکس استفاده کردم

با سپاس

من تمامی این کارها را انجام دادم ولی نتیجه ای نگرفتم؟؟!!

[amin.poorsaeed 26]

عزیز دل من شما اگه این کار رو کرده باشی این تغییرات در فایل template.css قالبت نمایش داده میشه من کد هایی که بهت دادم رو نمی بینم تو این فایل ؟ لطفا اضافه کن بعد از اضافه کردن crtl+f5 یکی دو بار بزن تا تغییرات رو ببینی به صورت ویرایش آنلاین که جواب میده حالا فکر کنم به خاطر کش شدن شما نمی بینی ، لطفا تغییرات رو اعمال کن و کاری که گفتم رو انجام بده

[aboalfazl 10]

عزیز دل من شما اگه این کار رو کرده باشی این تغییرات در فایل template.css قالبت نمایش داده میشه من کد هایی که بهت دادم رو نمی بینم تو این فایل ؟ لطفا اضافه کن بعد از اضافه کردن crtl+f5 یکی دو بار بزن تا تغییرات رو ببینی به صورت ویرایش آنلاین که جواب میده حالا فکر کنم به خاطر کش شدن شما نمی بینی ، لطفا تغییرات رو اعمال کن و کاری که گفتم رو انجام بده

ممنون از وقتی که بهم دادید

سه تا مشکل وجود داره یکی اینکه عکس مورد نظر به خوبی پیدا نیست(با رنگ پس زمینه ترکیب شده و اگر روش دست بشه کاملاً محو میشه)

دوم اینکه به جز top منو بخش های زیرین نیز داری چند زیر مجموعه است و نیاز به فلش(پیکان) داره

سوم هم شکل کادر top منو تغییر کرده(گوشه سمت چپ پایین)

این هم لینک سایت

ویرایش شده در تیر 91 توسط aboalfazl