رفتن به مطلب

درخواست تابع


PRGAME

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

سلام.

من داشتم طراحی قالب رو انجام میدادم و میخاستم موضوعات رو جلوی هم بزارم. و با استفاده از float در نتونستم این کارو بکنم.

من مشکلم li , ul هست که موضوعات به صورت لیست نشون داده میشن.

میخام مثل این باشه.

l37sjyvbxpid4nx7dsyx.png

میشه کمک کنید یا یک تابع دیگر به من بدهید که با Ul و li نباشد؟

هر کاری کردم و استایل نوشتم نتونستم اینطوری درست کنم.

اون سیاه ها موضوع اصلی هست و سفید ها زیر موضوع.

لینک به ارسال

اگر می خواهید لیست شما افقی شود به آن استایل های زیر را دهید...#


display: inline;
list-style-type: none;

لینک به ارسال

بازم نشد!

این استایلی هست که نوشتم:


.cat{
display:block;
list-style:none;
direction:rtl;
color:#CCCCCC;
font-family:"b yekan";
font-size:13px;
float:right;
}
.cat li{
background-color:#666;
margin: 5px 5px 5px 5px;
padding: 0 0 0 0 ;
display: inline;
list-style-type: none;
float:right;
width:100%;
}
.cat li a{
display: block;
list-style-type: none;
float:right;
}
.cat li ul{
list-style-type: none;
float:right;
}
.cat li ul li a{
float:right;
color:#FF0000;
display: inline;
list-style-type: none;
}

اینم در فایل هدر هست (موضوعاتم در هدر هستن):


<ul class="cat">
<?php wp_list_cats('sort_column=name&hierarchial=0'); ?>
</ul>

اگر مشکلی داره لطفا برام ویرایش کنید.

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

من باید اون قسمت html رو هم ببینم .

استایلتون رو فعلاً اینجوری کنید و نتیجه رو بگید .


.cat{
/*display:block;*/
list-style:none;
direction:rtl;
color:#CCCCCC;
font-family:"b yekan";
font-size:13px;
float:right;
}
.cat li{
background-color:#666;
margin: 5px 5px 5px 5px;
padding: 0 0 0 0 ;
display: inline;
list-style-type: none;
float:right;
width:auto;
}
.cat li a{
/*display: block;*/
list-style-type: none;
float:right;
}
.cat li ul{
list-style-type: none;
float:right;
}
.cat li ul li a{
/*float:right;*/
color:#FF0000;
display: inline;
list-style-type: none;
}

لینک به ارسال

اگر مثل بالایی بشه خیلی خوبه.

زیباسازیش که مثل اون بشه رو خودم انجام میدم .

شما فقط قالب اصلیشو برام درست کن من خودم بقیشو حل میکنم. <_<-_-

لینک به ارسال
من باید اون قسمت html رو هم ببینم .

<_<

گوش میدی اصلاً ؟

اون کدهای html رو بذار اینجا.

بعدم کم پیغام خصوصی و پی ام یاهو بفرست :angry:

لینک به ارسال

سلام

من متوجه علت پیام خصوصی شما نشدم

اول از همه شما مشکل دارید و باید صبور باشید تا مشکلتون حل شه

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

سوم اینکه مشکل شما مربوط به css هست نه وردپرس

چهارم اینکه مشکل شما نه مورد خاصی مثل بالا نیومدن سایته و نه یک مسئله پیچیده که نیاز به همفکری داشته باشه کافی بود به پیام ساعت 3 بعد از ظهر رضای عزیز توجه می کردید تا مشکلتان حل شود

لینک به ارسال

فایل های html :


<body>
<div class="nav">
<a href="<?php bloginfo('url'); ?>"><div class="navb">صفحه نخست</div></a>
<a href="<?php bloginfo('url'); ?>"><div class="navb">فروشگاه</div></a>
<a href="<?php bloginfo('url'); ?>"><div class="navb">خدمات طراحی
<ul>
<li>طراحی قالب</li>
<li>زیباسازی قالب</li>
<li>پارسی سازی قالب</li>
<li>رفع مشکلات قالب</li>
</ul>
</div></a>
<a href="<?php bloginfo('url'); ?>"><div class="navb">درباره ما</div></a>
<a href="<?php bloginfo('url'); ?>"><div class="navb">ارتباط با ما
<ul>
<a href="<?php bloginfo('url'); ?>"><li>فیسبوک</li></a>
<a href="<?php bloginfo('url'); ?>"><li>یاهو</li></a>
<a href="<?php bloginfo('template_url'); ?>"><li>گوگل</li></a>
</ul>
</div></a>
<a href="<?php bloginfo('rdf_url'); ?>"><div class="navb">فید</div></a>
</div>
<div class="cl"></div>
<div class="box1">
<div class="box2">
<div class="titb"><div class="qq">تبلیغات</div><div class="qq2">ADS</div></div>
<img src="<?php bloginfo('template_url'); ?>/Images/header-banner.png" />
<br />
<img src="<?php bloginfo('template_url'); ?>/Images/header-banner.png" />
</div>
<div class="box3">
<div class="titb"><div class="qq">موضوعات</div><div class="qq2">Cats</div></div>
<ul class="cat">
<?php wp_list_cats('sort_column=name&hierarchial=0'); ?>
</ul>
</div>
</div>
</body>

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

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

div


<ul class="nav">
<li><a href="<?php bloginfo('url'); ?>"><span class="navb">صفحه نخست</span></a></li>
<li><a href="<?php bloginfo('url'); ?>"><span class="navb">فروشگاه</span></a></li>
<li><a href="<?php bloginfo('url'); ?>"><span class="navb">خدمات طراحی</span></a>
<ul class="child">
<li>طراحی قالب</li>
<li>زیباسازی قالب</li>
<li>پارسی سازی قالب</li>
<li>رفع مشکلات قالب</li>
</ul></li>
<li><a href="<?php bloginfo('url'); ?>"><span class="navb">درباره ما</span></a></li>
<li><a href="<?php bloginfo('url'); ?>"><span class="navb">ارتباط با ما</span></a>
<ul class="child">
<li><a href="<?php bloginfo('url'); ?>">فیسبوک</a></li>
<li><a href="<?php bloginfo('url'); ?>">یاهو</a></li>
<li><a href="<?php bloginfo('template_url'); ?>">گوگل</a></li>
</ul></li>
<li><a href="<?php bloginfo('rdf_url'); ?>"><span class="navb">فید</span></a></li>
</ul>
<div class="cl"></div>
<div class="box1">
<div class="box2">
<div class="titb"><div class="qq">تبلیغات</div><div class="qq2">ADS</div></div>
<img src="<?php bloginfo('template_url'); ?>/Images/header-banner.png" />
<br />
<img src="<?php bloginfo('template_url'); ?>/Images/header-banner.png" />
</div>
<div class="box3">
<div class="titb"><div class="qq">موضوعات</div><div class="qq2">Cats</div></div>
<ul class="cat">
<?php wp_list_cats('sort_column=name&hierarchial=0'); ?>
</ul>
</div>
</div>

در ضمن بابت اعتماد به نفس بالاتون هم بهتون تبریک می گم با این شکل کد نوشتن و تاسیس بخش طراحی قالب در سایت اعتماد به نفسی فوق العاده می خواد

لینک به ارسال

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

div


<ul class="nav">
<li><a href="<?php bloginfo('url'); ?>"><span class="navb">صفحه نخست</span></a></li>
<li><a href="<?php bloginfo('url'); ?>"><span class="navb">فروشگاه</span></a></li>
<li><a href="<?php bloginfo('url'); ?>"><span class="navb">خدمات طراحی</span></a>
<ul class="child">
<li>طراحی قالب</li>
<li>زیباسازی قالب</li>
<li>پارسی سازی قالب</li>
<li>رفع مشکلات قالب</li>
</ul></li>
<li><a href="<?php bloginfo('url'); ?>"><span class="navb">درباره ما</span></a></li>
<li><a href="<?php bloginfo('url'); ?>"><span class="navb">ارتباط با ما</span></a>
<ul class="child">
<li><a href="<?php bloginfo('url'); ?>">فیسبوک</a></li>
<li><a href="<?php bloginfo('url'); ?>">یاهو</a></li>
<li><a href="<?php bloginfo('template_url'); ?>">گوگل</a></li>
</ul></li>
<li><a href="<?php bloginfo('rdf_url'); ?>"><span class="navb">فید</span></a></li>
</ul>
<div class="cl"></div>
<div class="box1">
<div class="box2">
<div class="titb"><div class="qq">تبلیغات</div><div class="qq2">ADS</div></div>
<img src="<?php bloginfo('template_url'); ?>/Images/header-banner.png" />
<br />
<img src="<?php bloginfo('template_url'); ?>/Images/header-banner.png" />
</div>
<div class="box3">
<div class="titb"><div class="qq">موضوعات</div><div class="qq2">Cats</div></div>
<ul class="cat">
<?php wp_list_cats('sort_column=name&hierarchial=0'); ?>
</ul>
</div>
</div>

در ضمن بابت اعتماد به نفس بالاتون هم بهتون تبریک می گم با این شکل کد نوشتن و تاسیس بخش طراحی قالب در سایت اعتماد به نفسی فوق العاده می خواد

من هیچ اشکالی در کد هام ندیدم و وقتی هم جایگزین کردم کاملا قالبم برهم ریخت. شاید نوع طراحی شما با من تفاوت داره. من منوهامو همیشه با DIV میسازم و هیچ وقت با UL نمیسازم!.

کد های من درنظر شما هم کاملا اشتباه نیستن ! چون فقط UL گذاشتین و استایل CHILD گذاشتین که کل قالب منو خراب کرد.

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

من هیچ اشکالی در کد هام ندیدم و وقتی هم جایگزین کردم کاملا قالبم برهم ریخت. شاید نوع طراحی شما با من تفاوت داره. من منوهامو همیشه با DIV میسازم و هیچ وقت با UL نمیسازم!.

کد های من درنظر شما هم کاملا اشتباه نیستن ! چون فقط UL گذاشتین و استایل CHILD گذاشتین که کل قالب منو خراب کرد.

1-

لایه div نباید در لایه ی a باشد


<a href="<?php bloginfo('url'); ?>"><div class="navb">صفحه نخست</div></a>

لایه ul نباید داخل a باشد


<a href="<?php bloginfo('url'); ?>"><div class="navb">خدمات طراحی
<ul>
<li>طراحی قالب</li>
<li>زیباسازی قالب</li>
<li>پارسی سازی قالب</li>
<li>رفع مشکلات قالب</li>
</ul>
</div></a>

لایه li تا کنون در هیچ قاموسی به این شکل تنظیم نشده


<a href="<?php bloginfo('url'); ?>"><li>فیسبوک</li></a>

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

و اینکه قالبی با کدهای شما در مقابل کد صحیح به هم بریزد ابتدایی ترین اتفاق بوده به شما پیشنهاد می کنم به حرمت کسانی که سالها زحمت اینکار را کشیده اند در صنفی کار کنید که آموخته باشیدش

لینک به ارسال

اینو بذارید توی قالب .

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


<style>
.cat
{
direction:rtl;
}
.cat li
{
direction:rtl;
margin:1px;
background:yellow;
}
.cat li ul
{
float:right;
direction:rtl;
}

ul.children
{
display:inline-block;
}
.children li
{
float:right;
background:green;
}
</style>


<ul class="cat">
<?php wp_list_cats('sort_column=name&hierarchial=0'); ?>
</ul>

لینک به ارسال

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

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

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

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

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

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

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

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

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