رفتن به مطلب

درخواست اموزش استایل دادن به hها


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

با سلام

با توجه به اینکه کاربرد این hها در نوشتن مطالبو همچنین طراحی قال مهم است لذا از اساتتید میخام که اگه به ما بگن که چطور یه ظاهر خوشکل به تگ های h1 و h2 بدیم ممنون میشم

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


h1, h2, h3, h4, h5, h6 {
color:#000;
font-size:15px;
}

لینک به ارسال

استایل خوشکل یعنی چی؟ نمونه ای چیزی بدید .

کد بالا مشکلی نداره، دارید به کل تگ های H ، رنگ مشکی و فونت 15 پیکسلی میدید.

برای استایل باید ببینید چه ویژگی هایی میخواهید.

لینک به ارسال

ویژگی خاصی نمیخام فقط میخام زیاد بزرگ نشن و رنگشون هم تغییر بدم اون کد بالایی رو در style.css گذاشتم ولی h ها را هیچ تغییری نداد

لینک به ارسال

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


h1 ,h2 ,h3 ,h4 ,h5 ,h6 {
font-family : tahoma !important;
font-size : 13px !important;
color : #000 !important;
padding : 0 !important;
margin : 0 !important;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
font-family : tahoma !important;
font-size : 13px !important;
color : #000 !important;
padding : 0 !important;
margin : 0 !important;
}

+ بعد از استایل ، کنترل + اف 5 بزنید.

+ برای اینکه استایل جدید کار کنه، یا باید بعد از تمام استایل ها قرار بدید یا بصورتی که نوشتم، important کنید.

لینک به ارسال

الان کدهای استایل من به این صورت است که اخرش اضاف کردم . کنترل f5 هم گرفتم ولی تغییری نکرد


/*
Theme Name: Enfold
Description: <strong>A superflexible and responsive Business Theme by 8theme.ir</strong> - <br/> Update notifications available on twitter and facebook:<br/> <a href='http://twitter.com/acgihir'>Follow me on twitter</a><br/> - <a href='http://www.facebook.com/pages/Kriesi/333648177216'>Join the Facebook Group</a>
Version: 2.4
Author: amir arabi
Author URI: http://8theme.ir
License: Themeforest Split Licence
License URI: -
Theme URI: 8theme.ir/
*/

/*
* PLEASE DO NOT EDIT THIS FILE!
*
* This file is only in your themefolder for WordPress to recognize basic theme data like name and version
* CSS Rules in this file will not be used by the theme.
* Instead use the custom.css file that is located in your themes /css/ folder to add your styles.
* You can copy a style rule from any of your css files and paste it in custom.css and
* it will override the original style. If you just want to add small css snippets you might also
* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->Styling
*/
@font-face { font-family: 'bkoodak'; src: url('font/bkoodak.eot?#') format('eot'), /* IE6?8 */ url('font/bkoodak.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('font/bkoodak.ttf') format('truetype'); /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */ }
h1 ,h2 ,h3 ,h4 ,h5 ,h6 {
font-family : tahoma !important;
font-size : 12px !important;
color : #000 !important;
padding : 0 !important;
margin : 0 !important;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
font-family : tahoma !important;
font-size : 12px !important;
color : #000 !important;
padding : 0 !important;
margin : 0 !important;
}

اینم یک نمونه از مطالبم که تگ h2 داره و فونتش بزرگه و درست نشده

http://www.acgih.ir/%D8%A7%D8%B1%D8%B2%DB%8C%D8%A7%D8%A8%DB%8C-%D8%B1%DB%8C%D8%B3%DA%A9-%D8%A8%D8%B1-%D8%A7%D8%B3%D8%A7%D8%B3-8800-1996/

لینک به ارسال

اگر میخواهید با H دادن به نوشته ها استایل اونها تغییری نکنه از این ریست استفاده کنید مشکلتون حل میشه .


h1,h2,h3,h4,h5,h6 {
font-weight:normal
margin:0;padding:0;
}

لینک به ارسال

آقا فهمیدم برا چی تغییر نمیکنه.

در فایل base.css برای hها کدایی تعریف شده که هر چقد کد دیگه هم برای تغییری اضاف کنم بازم تغییری نمیکنه

این کدا اینا هستن:


h1, h2, h3, h4, h5, h6 { /* font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; */
font-weight: 400; }
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
#top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { font-size: 13px; color: #605EE0; }
h1 { font-size: 16px; line-height: 1.1em; margin-bottom: 12px;}
h2 { font-size: 13px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 15px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
h4 { font-size: 13px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
h5 { font-size: 12px; line-height: 1.1em; } /*17*/
h6 { font-size: 12px; line-height: 1.1em; }

.flex_column h1 a:hover, .flex_column h2 a:hover, .flex_column h3 a:hover, .flex_column h4 a:hover, .flex_column h5 a:hover, .flex_column h6 a:hover{text-decoration: underline;}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{
margin-top:1.5em;
}

p { margin: 0.85em 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; }

em { font-style: italic; }
strong, b{ font-weight: bold; }
small { font-size: 80%; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

حالا مشکلم اینه که هر چقدر من فونت سایز مربوط به hها را کم میکنم هیچ تغییری در سایزشون در سایت دیده نمیشه. مشکل کجاست؟

لینک به ارسال

سلام

دوست عزیز اسپم ارسال نکنید..

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

لینک به ارسال

دوییت عزیز اسپم نمیدم پستو بعد ۲۴ ساعت بالا اوردم.

مشکلم حل شد. تایپیکو ببندید

لینک به ارسال

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

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

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

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

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

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

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

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

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