رفتن به مطلب

پیدا کردن کد در سی اس اس


ariaieboy

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

سلام دوستان من الان دو تا قالب دارم از هردوش خوشم میاد ولی هر کدوم مشکلات خودش رو داره یکی چیزایی که من می خوام رو داره باز توی gtmetrix خیلی سطحش پایینه اون یکی برخی چیز ها رو نداره ولی توی این سایت سطحش خیلی بالاتر هست حالا من می خواهم با قاطی کردن این دو با هم یک قالب درست کنم که هم چیزایی که من می خواهم توش باشه هم توی این سایته سطحش بالا باشه برای این کار من می خواهم بخش drop down این قالب رو منتقل کنم به این قالبه که مد نظرمه چون هم جالبه هم تمام موضوعات با تصویری که اتخاب کردم به صورت استاتیک میاد خوب حالا مشکلم اینجاست که نمی تونم کد سی اس اس این بخش رو پیدا کنم کد فانکشن و کدی که توی هدر قرار می گیره رو می زارم بعد هم کد سی اس اس این بخش رو اگر می شه بدید.

functions.php

این فایل فانکشن هست که بخش drop down اش فکر کنم این باشه


<?php
/*******************************
MENUS SUPPORT
********************************/
if ( function_exists( 'wp_nav_menu' ) ){
if (function_exists('add_theme_support')) {
add_theme_support('nav-menus');
add_action( 'init', 'register_my_menus' );
function register_my_menus() {
register_nav_menus(
array(
'primary-menu' => __( 'Primary Menu' ),
'secondary-menu' => __( 'Secondary Menu' )
)
);
}
}
}
/* CallBack functions for menus in case of earlier than 3.0 Wordpress version or if no menu is set yet*/
function primarymenu(){ ?>
<div class="ddsmoothmenu" id="topMenu">
<ul>
<?php if (function_exists('put_cat_icons'))
put_cat_icons(wp_list_categories('title_li=&echo=0'));
else
wp_list_categories('title_li='); ?>
</ul>
</div>
<?php }
function secondarymenu(){ ?>
<ul>
<?php wp_list_pages('&title_li='); ?>
</ul>
<?php }

header.php

اینم فایل هدر که فکر کنم این کد ماله بخش drop down هست


<!-- Begin #topMenu -->
<?php if ( function_exists( 'wp_nav_menu' ) ){
wp_nav_menu( array( 'theme_location' => 'primary-menu', 'container_id' => 'topMenu', 'container_class' => 'ddsmoothmenu', 'fallback_cb'=>'primarymenu') );
}else{
primarymenu();
}?>

<!-- End #topMenu -->

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

http://up.ariaie.ir/uploads/cef8380c70d71.css

لینک به ارسال

بنطر این بخش هست:

/* TopMenu */

.ddsmoothmenu {

position:absolute;

right:0;

top:6px;

border-left:1px solid #2F2F2F;

}

.ddsmoothmenu ul li {

float:right;

}

.ddsmoothmenu ul li a{

display:block;

color:#ccc;

text-decoration:none;

border-right:1px solid #2F2F2F;

height:42px;

line-height:42px;

text-transform:uppercase;

font-size:11px;

padding:0 12px;

}

.ddsmoothmenu ul li a:hover {

color:#FFFFFF;

background:url(images/bk_top_hover.png) 50% 0 no-repeat;

}

لینک به ارسال

چی کار باید بکنه که نمی کنه ؟

برای دروپ دانش باید فایل ddsmoothmenu.js را از پوشه js به قالب جدید اضافه کنید + کدهای header مربوطه یعنی


<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/ddsmoothmenu.js"></script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "topMenu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>

+ پیوند به کتابخانه jquery

لینک به ارسال

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

post-1293-0-08591900-1365420775_thumb.jp

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

لینک به ارسال

این بخاطر اینه که در استایل سایت خودتون برای منوی ناو خاصیت float:left تعریف شده در استایل های قالب فعلیتون بگردید و استایل های مربوط به منوی سر صفحه را پاک کنید

لینک به ارسال

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

style.css

لینک به ارسال

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

لینک به ارسال

ببخشید یعنی چی کد سی اس اسی که باید اضافه بشه رو بزارم بعد فایل سی اس اس رو بزارم

لینک به ارسال

کلا روی سایت باشه تا در عمل ببینیم. اونجوری راحت میشه مشکل رو حل کرد. چون هم کد استایل هست و هم کد html

لینک به ارسال

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

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

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

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

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

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

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

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

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