کمک در طراحی home page با CSS

omid9191

کاربر تازه وارد
تازه وارد
من زمانی که با css یه سایت طراحی میکنم و وقتی این سایت خودم رو در مرورگر زوم میکنم محتوای سایت بهم میرزه لطفا بهم کمکم کنید
 

cancerr

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

زوم نکنید ! چون با زوم فونت ها تغیر می کنند .
برای تست عرض صفحه رو کم کنید . منظروزتون از بهم ریختن چی هست ؟
 

omid9191

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

ممنون از این که جواب دادید!:5
مثلا زمانی که زوم میکنم یکی از اشکلاتش اینکه مثل سایت های دیگه بطور یکنواخت زوم نمیشه مثل همین page که اگه زوم کنی میبینی که صفحه از وسط زوم + یا - میشه ولی برای من زوم مثبت یا منفی از یه گوشه شروع میشه و در مورد بهم ریختگی هم مثل عکس های زیره
normal.jpg حالت عادی
zoom in.jpg حالت +
zoom out.jpg حالت-
 

cancerr

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

این خیلی درست و منطقی هست . شما سعی کید عرض هارو بیشتر به درصد بدید .
به body عرض و طول 100درصد بدید
اون عکس ضمینه هم به بادی بدین .
عرض منو هم درصد.
از پوزیشن ابسولوت هم تا حد امکان استفاده نکنید .
 

omid9191

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

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

cancerr

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

شما نیاز به اندازه های فیکس دارید . بعد از بادی و منو . باید اون چیز هایی که نمی خواهید تغیر کنند رو به پیکسل بدید که تغیر سایز تغیر نکند.فکر نکنم راهی باشه . Css خیلی تجربه تاثیر داره البته اگه اصول رو ندونید خیلی مشکل ساز میشه . بهتون پیشنهاد میدم کتاب Css3 mising manual رو بخونید
 

omid9191

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

دوست عزیز کارم حل شد بابت راهنمایی که کردی ممنون
من یه سوال داشتم من چطور میتونم تگ div رو وسط صفحه بیارو یعنی از سمت چپ و راست مثلا 100px فاصله داشنه باشه و بیاد وسط صفحه توی float امتحان کردم نشد؟
 

cancerr

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

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

omid9191

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

اینو تونستم درست کنم!:26
و یه سوال دیگه
من از طریق div تو در تو یکسری عناصر مثل منو head , footer به page خودم اضافه کردم و تونستم از طریق div اصلی یه سایز کلی به تمام div های تو در تو بدم ولی من میخوام که منو من که داخلی div اصلی یا به اصطلاح div پدر هستش سایزش با div اصلی فرق یعنی فول سایز میخوام بشه ولی به خاطر div اصلی دیگه نمیتونم کنتری رو منو داشته باشم مگر زمانی که منو رو از div اصلی بکشم بیرون که در اینصورت موقعیت فعلی رو از دست میده و میره بالای صفحه که نمی خوام اینجوری بشه و میخوام تو همون جای که هست یعنی تو div پدر سایزش تغییر کنه که رو این مورد واقعا موندم اینم کدش!!؟؟
@charset "utf-8";
body {
background-image: url(image/star-space-x-1024x692.png);
background-repeat: repeat;
background-attachment: scroll;}


#main-div{
margin:0 auto;
max-width:80%;}


#header h1{
color:#FFF;
text-align:center;
text-shadow:5px 5px 5px #0CF;
font-size:50px;
margin:0;
padding-bottom:40px;}


#navigation{
float: left;
width: 100%;
background: url(image/navigation.jpg) repeat;}


#navigation ul{
padding:0;
margin:0;}


#navigation ul li{
list-style-type:none;
display:inline;}


#navigation li a{
text-decoration:none;
padding:5px 30px;
display:block;
float:left;
border-right:1px solid #FFF;
color:#FFF;}


#navigation li a:hover{
background:url(image/hover.jpg);
color:#000;}


#content-container1
{
float:left;

width: 100%;
background: #fff url(/wp-content/uploads/layout-three-liquid-background1.gif) repeat-y 20% 0;
}

#content-container2
{
float: left;
width: 100%;
background: url(/wp-content/uploads/layout-three-liquid-background2.gif) repeat-y 80% 0;
}

#section-navigation
{
float: left;
width: 16%;
padding: 20px 0;
margin: 0 2%;
display: inline;
}

#section-navigation ul
{
margin: 0;
padding: 0;
}

#section-navigation ul li
{
margin: 0 0 1em;
padding: 0;
list-style-type: none;
}

#content
{
float: left;
width: 56%;
padding: 20px 0;
margin: 0 0 0 2%;
}

#content h2 { margin: 0; }

#aside
{
float: right;
width: 16%;
padding: 20px 0;
margin: 0 2% 0 0;
display: inline;
}

#aside h3 { margin: 0; }

#footer
{
clear: both;
background: #ccc;
text-align: right;
padding: 20px;
height: 1%;
}
 

cancerr

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

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

وقتی می خوای یک المنتت فاصله داخلی داشته باشه و عرضش تغیر نکنه . در نهایت یهو جابجه نشه
باید از خاصیت
box-sizing:border-box;
استفاده کنی.
تو سایت که دادم فکر کنم 20 یا 40 پیکسل پدینگ داره و عرض 25% .حتما نمونه سایت هارو نگا کن و ببین از چه تکنیکی استفاده می کنند .
برای مشکل دوم هم .
منو رو ابسولوت باید بگیری .
و پدر رو ریلیتیو

وقتی ابسولوت گرفتی یادت باشه . عناصر بعد منو میان بالا .
برای اینکه بالا نرن . به پدر پدینگ تاپ بده به اندازه ی منو/



این کار اشتباست فوتر و منو رو ما تو هیچ یک از کارامون تو یک رپر یا پوشش دهنده نریختیم.

حواست باشه تا می تونی html کم و سبک داشته باش برای سئو خیلی مهمه
 

omid9191

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

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

hczss

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

سلام
راستتش سایت با قالب ساده من جایی سراغ ندارم ولی خودم یه قالب html ساده دارم که یکی بهم داده. اونو میذارم امیدوارم رضایت بخش باشه.
 

پیوست ها

  • 300.9 کیلوبایت بازدیدها: 5

omid9191

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

ممنون و جالب بود بود و خیلی بدردم خورد
اگه بازم از این نمونه ها داشتی بازم بزاری ممنون میشم
 

rosi

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

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

omid9191

کاربر تازه وارد
تازه وارد
پاسخ : کمک در طراحی home page با CSS

سلام چطور میشه به کمک css یه متن یا عکس (مخصوصا عکس) رو وسط چین کرد
 
بالا