رفتن به مطلب

ویرایش کد ها و تغییر شکل ظاهری هیدر و فوتر


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

سلام

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

این آدرس سایتمه : www.herogame.info که این هیدرش این طوریه تو عکس هم مشخص کردم : http://4ax.ir/images/picturqpq.png

میخوام کدهاش رو ویرایش کنم بشه مثل این عکس : http://4ax.ir/images/untitlaxa.png

( البته هم فوتر و هم هیدر )

ممنون میشم یه نفر این کارو برام بکنه , خیلی ممنون

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

http://www.herogame.info/wp-content/themes/HG/style.css

خیلی ممنون

لینک به ارسال

اول از فایل هدر و استایل بکآپ بگیرید.

1- در فایل header.php کدهای زیر رو حذف کنید:

<div id="catmenucontainer">


</div>
<div class="clear"></div>
<div id="foxmenucontainer">



</div>

2- در فایل هدر، کد زیر رو پیدا کنید:

<div id="wrapper">

و زیرش این رو اضافه کنید:

<div id="alltops">

بعد این رو پیدا کنید:

<div id="casing">

و بالاش این رو اضافه کنید:

</div><!--#alltops-->

3- فایل استایل شما پیوست شد.

style.css

لینک به ارسال

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

لینک به ارسال

ممنون دوباره انجام میدم

ولی فوتر اصلا تغییر نمیکنه

میخوام فوتر هم درست بشه

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

من کد هیدر رو براتون میزارم خودتون ببینید میتونید کاری کنید :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<meta name="description" content="<?php bloginfo('description') ?>" />

<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />

<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<link href="http://www.4ax.ir/images/favicoblb.png" rel="shortcut icon">

<script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>

<script type="text/javascript" src="scripts/script.js"></script>

<script type="text/javascript" src="scripts/jquery.cycle.all.js"></script>

<?php

wp_enqueue_script('jquery');

wp_enqueue_script('Effects', get_stylesheet_directory_uri() .'/js/effects.js');

wp_enqueue_script('Coin', get_stylesheet_directory_uri() .'/js/coin-slider.min.js');

?>

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {

if (!document.getElementsByTagName) return false;

var sfEls1 = document.getElementById("catmenu").getElementsByTagName("li");

for (var i=0; i<sfEls1.length; i++) {

sfEls1.onmouseover=function() {

this.className+=" sfhover1";

}

sfEls1.onmouseout=function() {

this.className=this.className.replace(new RegExp(" sfhover1\\b"), "");

}

}

var sfEls1 = document.getElementById("menu").getElementsByTagName("li");

for (var i=0; i<sfEls1.length; i++) {

sfEls1.onmouseover=function() {

this.className+=" sfhover";

}

sfEls1.onmouseout=function() {

this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

}

}

}

if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

<?php wp_get_archives('type=monthly&format=link'); ?>

<?php //comments_popup_script(); // off by default ?>

<?php

if ( is_singular() ) wp_enqueue_script( 'comment-reply' );

wp_head(); ?>

</head>

<body>

<div id="wrapper">

<div id="alltops">

<div id="top">

<div class="blogname">

<h1><a href="http://www.herogame.info/" title="قهرمان بازی"><img src="http://www.4ax.ir/images/pictur5e1.png" /></a></h1>

</div>

<?php include (TEMPLATEPATH . '/searchform.php'); ?>

<div class='subcribe'>

<a href="<?php bloginfo('rss2_url'); ?>">خوراک</a> | <a href="http://twitter.com/<?php $twit = get_option('asts_twit'); echo ($twit); ?>">تویتر</a> | <?php wp_loginout(); ?>

</div>

</div>

<div class="clear"></div>

<div id="catmenucontainer">

<div id="catmenu" class="menu-%d8%a7%d8%b5%d9%84%db%8c-container"><ul id="menu-%d8%a7%d8%b5%d9%84%db%8c" class="menu"><li id="menu-item-1312" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-1312"><a href="http://herogame.info/">خانه</a></li>

<li id="menu-item-1062" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1062"><a href="http://forums.herogame.info">تالارگفتگو</a></li>

<li id="menu-item-1079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1079"><a href="http://www.herogame.info/?page_id=7">نویسندگی در سایت</a></li>

<li id="menu-item-1079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1079"><a href="http://www.herogame.info/?page_id=13">هواداران</a></li>

<li id="menu-item-1079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1079"><a href="http://www.herogame.info/?page_id=730">درباره ما</a></li>

<li id="menu-item-1082" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1082"><a href="http://www.herogame.info/?page_id=10">تماس با ما</a></li>

</ul></div>

</div>

<div class="clear"></div>

<div id="foxmenucontainer">

<div id="menu" class="menu-ag-container"><ul id="menu-ag" class="menu"><li id="menu-item-206" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-207"><a href="http://www.herogame.info/?cat=1/">اخبار</a></li>

<li id="menu-item-208" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-208"><a href="http://www.herogame.info/?cat=12">تریلر</a></li>

<li id="menu-item-209" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-208"><a href="http://www.herogame.info/?cat=11/">والیپر</a></li>

<li id="menu-item-215" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-211"><a href="http://www.herogame.info/?cat=7/">بازی های ایرانی</a></li>

<li id="menu-item-210" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-210"><a href="http://www.herogame.info/?cat=6">پیشنمایش</a></li>

<li id="menu-item-211" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-211"><a href="http://www.herogame.info/?cat=3">مقاله</a></li>

<li id="menu-item-213" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-213"><a href="http://www.herogame.info/?cat=5">نقد و بررسی</a></li>

<li id="menu-item-214" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-214"><a href="http://www.herogame.info/?cat=8/">نمایشگاه</a></li>

</ul></div>

</div>

</div><!--#alltops-->

<div id="casing">

ویرایش شده توسط Morteza
کدها در تگ CODE
لینک به ارسال

این کد رو برای هدر تست کنید:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<meta name="description" content="<?php bloginfo('description') ?>" />

<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />

<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<link href="http://www.4ax.ir/images/favicoblb.png" rel="shortcut icon">

<script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>

<script type="text/javascript" src="scripts/script.js"></script>

<script type="text/javascript" src="scripts/jquery.cycle.all.js"></script>

<?php

wp_enqueue_script('jquery');

wp_enqueue_script('Effects', get_stylesheet_directory_uri() .'/js/effects.js');

wp_enqueue_script('Coin', get_stylesheet_directory_uri() .'/js/coin-slider.min.js');

?>

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {

if (!document.getElementsByTagName) return false;

var sfEls1 = document.getElementById("catmenu").getElementsByTagName("li");

for (var i=0; i<sfEls1.length; i++) {

sfEls1[i].onmouseover=function() {

this.className+=" sfhover1";

}

sfEls1[i].onmouseout=function() {

this.className=this.className.replace(new RegExp(" sfhover1\\b"), "");

}

}

var sfEls1 = document.getElementById("menu").getElementsByTagName("li");

for (var i=0; i<sfEls1.length; i++) {

sfEls1[i].onmouseover=function() {

this.className+=" sfhover";

}

sfEls1[i].onmouseout=function() {

this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

}

}

}

if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

<?php wp_get_archives('type=monthly&format=link'); ?>

<?php //comments_popup_script(); // off by default ?>

<?php

if ( is_singular() ) wp_enqueue_script( 'comment-reply' );

wp_head(); ?>

</head>

<body>

<div id="wrapper">

<div id="alltops">

<div id="top">

<div class="blogname">

<h1><a href="http://www.herogame.info/" title="قهرمان بازی"><img src="http://www.4ax.ir/images/pictur5e1.png" /></a></h1>

</div>

<?php include (TEMPLATEPATH . '/searchform.php'); ?>

<div class='subcribe'>

<a href="<?php bloginfo('rss2_url'); ?>">خوراک</a> | <a href="http://twitter.com/<?php $twit = get_option('asts_twit'); echo ($twit); ?>">تویتر</a> | <?php wp_loginout(); ?>

</div>

</div>

<div class="clear"></div>

<div id="catmenucontainer">

<div id="catmenu" class="menu-%d8%a7%d8%b5%d9%84%db%8c-container"><ul id="menu-%d8%a7%d8%b5%d9%84%db%8c" class="menu"><li id="menu-item-1312" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-1312"><a href="http://herogame.info/">خانه</a></li>

<li id="menu-item-1062" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1062"><a href="http://forums.herogame.info">تالارگفتگو</a></li>

<li id="menu-item-1079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1079"><a href="http://www.herogame.info/?page_id=7">نویسندگی در سایت</a></li>

<li id="menu-item-1079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1079"><a href="http://www.herogame.info/?page_id=13">هواداران</a></li>

<li id="menu-item-1079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1079"><a href="http://www.herogame.info/?page_id=730">درباره ما</a></li>

<li id="menu-item-1082" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1082"><a href="http://www.herogame.info/?page_id=10">تماس با ما</a></li>

</ul></div>

</div>

<div class="clear"></div>

<div id="foxmenucontainer">

<div id="menu" class="menu-ag-container"><ul id="menu-ag" class="menu"><li id="menu-item-206" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-207"><a href="http://www.herogame.info/?cat=1/">اخبار</a></li>

<li id="menu-item-208" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-208"><a href="http://www.herogame.info/?cat=12">تریلر</a></li>

<li id="menu-item-209" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-208"><a href="http://www.herogame.info/?cat=11/">والیپر</a></li>

<li id="menu-item-215" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-211"><a href="http://www.herogame.info/?cat=7/">بازی های ایرانی</a></li>

<li id="menu-item-210" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-210"><a href="http://www.herogame.info/?cat=6">پیشنمایش</a></li>

<li id="menu-item-211" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-211"><a href="http://www.herogame.info/?cat=3">مقاله</a></li>

<li id="menu-item-213" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-213"><a href="http://www.herogame.info/?cat=5">نقد و بررسی</a></li>

<li id="menu-item-214" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-214"><a href="http://www.herogame.info/?cat=8/">نمایشگاه</a></li>

</ul></div>

</div>

<div class="clear"></div>

</div><!--#alltops-->

<div id="casing">

لینک به ارسال

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

picturuku.png

میخوام موازی همدیگه بشند مثل عکسی که بازم مشخص کردم ( االبته این عکس رو با فتوشاپ درست کردم ) :

untitlaxa.png

کمک کنید!

یه نفر کمک کنه

لینک به ارسال

کد زیر رو در استایل پیدا کنید:

#casing {
padding:0px 0px 10px 0px;
background:#cecece;
float:left;
width:998px;
margin:10px 0px 30px 0px;
border:1px solid #fff;
border-radius:10px;
box-shadow:0 3px 6px #111111
}

تبدیل کنید به :

#casing {
padding:0px 0px 10px 0px;
background:#cecece;
float:left;
width:998px;
margin:0 0px 30px 0px;
border:1px solid #fff;
border-top: 0;
border-radius: 0px 0px 10px 10px;
box-shadow:0 3px 6px #111111
}

-------------

دوست عزیز

2 بار تاپیک رو بیخود بالا آوردید.

شما قوانین انجمن رو مطالعه و بعد از تایید عضو شدید. تکرار اسپم در انجمن = اخراج دائم!

خط آخر امضای من رو بخونید....

لینک به ارسال

خیلی ممنون ولی هنوز فوتر مونده !

میخوام فوتر هم اون شکلی بشه

بعد یه مشکل دیگه هم دارم

چه کار باید کنم این background ثابت بمونه , مثلا میام پایین سایت تکون نخوره ؟؟؟

لطفا جواب هر دو تا سوالم رو بدید

با تشکر

لینک به ارسال

1- برای فوتر، آی دی های casing - footer - footmenu رو در فایل استایل پیدا و کدهای زیر رو با کدهاشون جایگزین کیند:

#casing {
padding:0px 0px 10px 0px;
background:#cecece;
float:left;
width:998px;
margin:0 0px 0px 0px;
border:1px solid #fff;
border-top: 0;
border-radius: 0px;
box-shadow:0 3px 6px #111111
}


#footer {
height:60px;
padding:10px 0 0 0px;
color:#2F2F2F;
font-size:0px;
font-weight:normal;
float:left;
width:1000px;
background:#9c9c9c ;
border-top:1px solid #c0c0c0;
background-image: url(images/footer.png);
background-repeat: no-repeat;
background-position:center center;
}

#footmenu{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
font-size: 12px;
font-weight:normal;
height:42px;
line-height:42px;
width:1000px;
background:url(images/footmenu.png) repeat-x;
}

این کد رو هم به آخر فایل استایل اضافه کنید:

#wfootmenu{
width: 1000px;
margin: 0 auto;
}

فایل فوتر رو باز کنید، کد زیر رو پیدا کنید:

<div id="footmenu">

و این رو به بالاش اضافه کنید:

<div id="wfootmenu">

و این کد رو پیدا کنید:

طراحی شده توسط: <a href=""><b>قهرمان بازی</b></a>
</div>
</div>
</div>

به پایینش این رو اضافه کنید:

</div>

----------------------

2- برای بکگراند ثابت:

در استایل ، کد body رو پیدا کنید:


body {
margin:0 auto;
.....

بشه این:


body {
margin:0 auto;
padding:0px 0px 0px 0px;
background-image: url(http://4ax.ir/images/backgrbxb.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
font-family:Tahoma;
color:#161514;
font-size:13px;
}

خوب من این کدها رو دادم ، دیگه از این به بعد هرجایی نیاز به تغییر داشته باشه من فقط بهتون نحوه اعمال رو میگم و شما با بررسی کدهایی که دادم با کدهای اصلی، خودتون تغییرات رو اعمال کنید تا نحوه ویرایش در پوسته ها رو یاد بگیرید ;)

موفق باشید

لینک به ارسال

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

در ضمن شما در جایگزینی تگ های html بنظر اشتباه کردید. در فوتر.

لینک به ارسال

این بخش رو درست انجام دادید؟

خیر اشتباه انجام دادید. کد رو پایینتر کپی کردید.

با دقت متن رو دوباره بخونید و ویرایش کنید.

------------

فایل فوتر رو باز کنید، کد زیر رو پیدا کنید:

<div id="footmenu">

و این رو به بالاش اضافه کنید:

<div id="wfootmenu">

و این کد رو پیدا کنید:

طراحی شده توسط: <a href=""><b>قهرمان بازی</b></a>
</div>
</div>
</div>

به پایینش این رو اضافه کنید:

</div>

لینک به ارسال

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


<div class="clear"></div>
</div>
<?php include (TEMPLATEPATH . '/bottom.php'); ?>
<div id="wfootmenu">
<div id="footer">
<div class="fleft">
طراحی شده توسط: <a href="http://www.herogame.info/"><b>قهرمان بازی</b></a>
</div>
</div>
</div>
</div>

با تشکر

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

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

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

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

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

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

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

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

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

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