sir1

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

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

با سلام

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

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


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

0

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


لینک به پست

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

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

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

4

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


لینک به پست

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

0

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


لینک به پست

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


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 کنید.

2

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


لینک به پست

الان کدهای استایل من به این صورت است که اخرش اضاف کردم . کنترل 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/

0

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


لینک به پست

UP

0

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


لینک به پست

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


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

2

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


لینک به پست

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

در فایل 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ها را کم میکنم هیچ تغییری در سایزشون در سایت دیده نمیشه. مشکل کجاست؟

0

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


لینک به پست

up

0

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


لینک به پست

سلام

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

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

0

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


لینک به پست

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

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

0

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


لینک به پست

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

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

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

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


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

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

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


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