• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
ariaieboy

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

10 پست در این موضوع قرار دارد

سلام دوستان من الان دو تا قالب دارم از هردوش خوشم میاد ولی هر کدوم مشکلات خودش رو داره یکی چیزایی که من می خوام رو داره باز توی 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

0

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


لینک به پست

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

/* 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;

}

1

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


لینک به پست

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

0

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


لینک به پست

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

برای دروپ دانش باید فایل 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

1

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


لینک به پست

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

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

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

0

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


لینک به پست

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

1

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


لینک به پست

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

style.css

0

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


لینک به پست

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

1

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


لینک به پست

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

0

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


لینک به پست

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

1

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری