تغییر اندازه موقعیت یک قالب

[مرتضی محمدجانی]

من می خوام چند جا از موقعیت های قالب را تغیبر اندازه بدم ولی نمیدونم باید کجای کد های قالب را دست کاری کنم

من قالب قبلی که داشتم بسته به نوع مطلب یا ماژول اندازه تغییر می کرد ولی قالبی که العان دارم متاسفانه به یک اندزاه هست و تغییر نمیکنه

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


میخوام در قسمت top1 , top2 ,tp3 اندازه تغییر کنه و البته به صورت اتوماتیک بسته به نوع مطلب یا ماژول

[Reza Ganji]

فكر نميكنم بتونيد اين تغييرات رو اعمال كنيد چون اين قالب گرافيكي است و طراحي اون از تصاوير استقاده شده و در قسمت هاي مورد نظر شما هم مخصوصا در هدر و پايين موقعيت ها از تصوير استفاده شده !

[مرتضی محمدجانی]

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

[Reza Ganji]

شما ارسال بنده رو خونديد !
ميتوانيد كلا اين موقعيت ها رو حذف كنيد ولي تغيير سايز به اين راحتي نميتوان داد چون از تصاوير به يك اندازه ثابت استفاده شده و اگر دمو انلاين قرار دهيد من تصاوير رو براي شما ادرسش رو ميزارم تا بهتر متوجه شويد!

[مرتضی محمدجانی]

سلام بله من پست شما رو خوندم
من دنبال تغییر ساز هستم کل عکسهای استفاده شده در قالب رو دیدم می خوام با فتوشاپ اندازه ها رو تغییر دهم و آپلود کنم برای قالب
تنها مشکلی که درم این که نمیدونم کد مربوط به ارتفاع و کجاست تا بتونم تغییر دهم و عکس تغییر سایز داده شده را در آن قرار دهم.
بله فرمایش شما درست من نمیتوانم به عرض موقعیت ها اضافه کنم ولی در ارتفاع میشود انجام داد .
این کد قسمت سی اس اس قالبم

کد: (انتخاب همه)

/* website designer AmirReZA Tehrani 0912035356
www.joomina.ir */
@import url(reset.css);
@import url(joomla.css);
@import url(menu.css);

body {

    font-family:Tahoma, Geneva, sans-serif;
    background-color: #4f7ec9;
    background-image:url(../images/backtop.png);
    background-position:top right;
    background-repeat:repeat-x;
    font-size:13px;
    line-height:20px;
    color:#0e3b82
}
#joomina_topheaderbox {
    position: relative;
    margin:0 auto;
    width:900px;
    height:631px;
}

#joomina_topheader_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:26px;
    height:203px;
    background-image:url(../images/topheader_01.png);
    background-position:top right;
    background-repeat:no-repeat;
}

#topmenu {
    position:absolute;
    left:26px;
    top:0px;
    width:300px;
    height:29px;
    background-image: url(../images/topmenu.png);
    background-position:top right;
    background-repeat:no-repeat;
}

#joomina_topheader_03 {
    position:absolute;
    left:326px;
    top:0px;
    width:574px;
    height:16px;
    background-image: url(../images/topheader_03.png);
    background-position:top right;
    background-repeat:no-repeat;
    
}

#joomina_topheader_04 {
    position:absolute;
    left:326px;
    top:16px;
    width:361px;
    height:13px;
    background-image: url(../images/topheader_04.png);
    background-position:top right;
    background-repeat:no-repeat;
}

#logo2 {
    position:absolute;
    left:687px;
    top:16px;
    width:195px;
    height:132px;
    background-image: url(../images/logo2.png);
    background-position:top right;
    background-repeat:no-repeat;
}

#joomina_topheader_06 {
    position:absolute;
    left:882px;
    top:16px;
    width:18px;
    height:421px;
    background-image: url(../images/topheader_06.png);
    background-position:top right;
    background-repeat:no-repeat;
}

#joomina_topheader_07 {
    position:absolute;
    left:26px;
    top:29px;
    width:318px;
    height:106px;
    background-image: url(../images/topheader_07.png);
    background-position:top right;
    background-repeat:no-repeat;
}

#logo1 {
    position:absolute;
    left:344px;
    top:29px;
    width:241px;
    height:119px;
    background-image: url(../images/logo1.png);
    background-position:top right;
    background-repeat:no-repeat;
}

#joomina_topheader_09 {
    position:absolute;
    left:585px;
    top:29px;
    width:102px;
    height:124px;
    background-image: url(../images/topheader_09.png);
    background-position:top right;
    background-repeat:no-repeat;
}

#joomina_topheader_10 {
    position:absolute;
    left:26px;
    top:135px;
    width:182px;
    height:18px;
    background-image: url(../images/topheader_10.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_11 {
    position:absolute;
    left:208px;
    top:135px;
    width:136px;
    height:18px;
       background-image: url(../images/topheader_11.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_12 {
    position:absolute;
    left:344px;
    top:148px;
    width:241px;
    height:5px;
       background-image: url(../images/topheader_12.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_13 {
    position:absolute;
    left:687px;
    top:148px;
    width:195px;
    height:5px;
       background-image: url(../images/topheader_13.png) ;
    background-position:top right;
    background-repeat: repeat-x;
}

#joomina_topheader_14 {
    position:absolute;
    left:26px;
    top:153px;
    width:852px;
    height:2px;
       background-image: url(../images/topheader_14.png);
    background-position:top right;
    background-repeat: repeat-x;
}

#joomina_topheader_15 {
    position:absolute;
    left:878px;
    top:153px;
    width:4px;
    height:284px;
    background-image: url(../images/topheader_15.png);
    background-position:top right;
    background-repeat: repeat-x;
    
}

#joomina_topheader_16 {
    position:absolute;
    left:26px;
    top:155px;
    width:852px;
    height:27px;
    background-image: url(../images/topheader_16.png);
    background-position:top right;
    background-repeat: repeat-x;
}
#joomina_topheader_16 ul li {
    float:right}

#joomina_topheader_17 {
    position:absolute;
    left:26px;
    top:182px;
    width:852px;
    height:41px;background-image: url(../images/topheader_17.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_18 {
    position:absolute;
    left:0px;
    top:203px;
    width:9px;
    height:111px;
    background-image: url(../images/topheader_18.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_19 {
    position:absolute;
    left:9px;
    top:203px;
    width:10px;
    height:91px;
    background-image: url(../images/topheader_19.png);
    background-position:top right;
    background-repeat: repeat-y;
}

#joomina_topheader_20 {
    position:absolute;
    left:19px;
    top:203px;
    width:7px;
    height:234px;
    background-image: url(../images/topheader_20.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_21 {
    position:absolute;
    left:26px;
    top:223px;
    width:338px;
    height:71px;
    background-image: url(../images/topheader_21.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_22 {
    position:absolute;
    left:364px;
    top:223px;
    width:202px;
    height:149px;
    overflow:hidden;
    color:#0e3b82;
    background-image: url(../images/topheader_22.png);
    background-position:top right;
    background-repeat: repeat;
}
#joomina_topheader_22 a {
       color:#0e3b82;}
#joomina_topheader_22 a:hover {
    color:#003}
#joomina_topheader_22 h3{
    display:none}

#joomina_topheader_23 {
    position:absolute;
    left:566px;
    top:223px;
    width:312px;
    height:97px;
    background-image: url(../images/topheader_23.png);
    background-position:top right;
    background-repeat: no-repeat;
    
}

#joomina_topheader_24 {
    position:absolute;
    left:9px;
    top:294px;
    width:10px;
    height:143px;
    background-image: url(../images/topheader_24.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#newspaper {
    position:absolute;
    left:26px;
    top:294px;
    width:247px;
    height:72px;
    background-image: url(../images/newspaper.png);
    background-position:top right;
    background-repeat: no-repeat;
}
#newspaper h3 {
    display:none}
#newspaper {
    font-size:11px;
    line-height:18px}

#joomina_topheader_26 {
    position:absolute;
    left:273px;
    top:294px;
    width:91px;
    height:101px;
    background-image: url(../images/topheader_26.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_27 {
    position:absolute;
    left:0px;
    top:314px;
    width:9px;
    height:61px;
    background-image: url(../images/topheader_27.png);
    background-position:top right;
    background-repeat: repeat-y;
}

#joomina_topheader_28 {
    position:absolute;
    left:566px;
    top:320px;
    width:69px;
    height:75px;
    background-image: url(../images/topheader_28.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#search {
    position:absolute;
    left:635px;
    top:320px;
    width:225px;
    height:31px;
    background-image: url(../images/search.png);
    background-position:top right;
    background-repeat: repeat-x;
}

#joomina_topheader_30 {
    position:absolute;
    left:860px;
    top:320px;
    width:18px;
    height:117px;
    background-image: url(../images/topheader_30.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_31 {
    position:absolute;
    left:635px;
    top:351px;
    width:225px;
    height:44px;
    background-image: url(../images/topheader_31.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_32 {
    position:absolute;
    left:26px;
    top:366px;
    width:247px;
    height:29px;
    background-image: url(../images/topheader_32.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_33 {
    position:absolute;
    left:364px;
    top:372px;
    width:202px;
    height:23px;
    background-image: url(../images/topheader_33.png);
    background-position:top right;
    background-repeat: repeat-x;
}

#joomina_topheader_34 {
    position:absolute;
    left:0px;
    top:375px;
    width:9px;
    height:53px;
    background-image: url(../images/topheader_34.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_35 {
    position:absolute;
    left:26px;
    top:395px;
    width:23px;
    height:42px;
    background-image: url(../images/topheader_35.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#flashnews {
    position:absolute;
    left:49px;
    top:395px;
    width:766px;
    height:29px;
    background-color:#8eabdc;
    color:#FFF;
    
    overflow:hidden
}
.insideflash {
    padding-top:4px}

#joomina_topheader_37 {
    position:absolute;
    left:815px;
    top:395px;
    width:45px;
    height:42px;
       background-image: url(../images/topheader_37.png);
    background-position:top right;
    background-repeat: no-repeat;
    
}
.contact {
    padding:0 10px}
#joomina_topheader_38 {
    position:absolute;
    left:49px;
    top:424px;
    width:766px;
    height:13px;
       background-image: url(../images/topheader_38.png);
    background-position:top right;
    background-repeat: repeat-x;
}

#joomina_topheader_39 {
    position:absolute;
    left:0px;
    top:428px;
    width:9px;
    height:187px;
       background-image: url(../images/topheader_39.png);
    background-position:top right;
    background-repeat: repeat-y;
}

#topsheader {
    position:absolute;
    left:9px;
    top:437px;
    width:891px;
    height:49px;
       background-image: url(../images/topsheader.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_41 {
    position:absolute;
    left:9px;
    top:486px;
    width:13px;
    height:102px;
    background-image: url(../images/topheader_41.png);
    background-position:top right;
    background-repeat: repeat-y;
}


#top1 {
    position:absolute;
    left:22px;
    top:486px;
    width:265px;
    height:115px;
    background-color:#adcdfb

}
#main {
    background-image:url(../images/bottomback.png);
    background-position:bottom right;
    background-repeat:repeat-x}











#joomina_topheader_43 {
    position:absolute;
    left:287px;
    top:486px;
    width:31px;
    height:106px;
    background-image: url(../images/topheader_43.png);
    background-position:top right;
    background-repeat: repeat-y;
}











#top2 {
    position:absolute;
    left:318px;
    top:486px;
    width:265px;
    height:115px;
    background-color:#adcdfb
}

#joomina_topheader_45 {
    position:absolute;
    left:583px;
    top:486px;
    width:28px;
    height:102px;
    background-image: url(../images/topheader_45.png);
    background-position:top right;
    background-repeat: repeat-y;
}

#top3 {
    position:absolute;
    left:611px;
    top:486px;
    width:265px;
    height:115px;
    background-color:#adcdfb
}

#joomina_topheader_47 {
    position:absolute;
    left:876px;
    top:486px;
    width:12px;
    height:106px;
    background-image: url(../images/topheader_47.png);
    background-position:top right;
    background-repeat: repeat-y;
}

#joomina_topheader_48 {
    position:absolute;
    left:888px;
    top:486px;
    width:12px;
    height:145px;
       background-image: url(../images/topheader_48.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_49 {
    position:absolute;
    left:9px;
    top:588px;
    width:13px;
    height:19px;
       background-image: url(../images/topheader_49.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_50 {
    position:absolute;
    left:583px;
    top:588px;
    width:28px;
    height:19px;
       background-image: url(../images/topheader_50.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_51 {
    position:absolute;
    left:287px;
    top:592px;
    width:31px;
    height:15px;
       background-image: url(../images/topheader_51.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_52 {
    position:absolute;
    left:876px;
    top:592px;
    width:12px;
    height:9px;
       background-image: url(../images/topheader_52.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_53 {
    position:absolute;
    left:22px;
    top:601px;
    width:8px;
    height:6px;
       background-image: url(../images/topheader_53.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_54 {
    position:absolute;
    left:30px;
    top:601px;
    width:252px;
    height:6px;
       background-image: url(../images/topheader_54.png);
    background-position:top right;
    background-repeat: repeat-x;
}

#joomina_topheader_55 {
    position:absolute;
    left:282px;
    top:601px;
    width:5px;
    height:6px;
       background-image: url(../images/topheader_55.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_56 {
    position:absolute;
    left:318px;
    top:601px;
    width:6px;
    height:6px;
       background-image: url(../images/topheader_56.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_57 {
    position:absolute;
    left:324px;
    top:601px;
    width:253px;
    height:6px;
       background-image: url(../images/topheader_57.png);
    background-position:top right;
    background-repeat: repeat-x;
}

#joomina_topheader_58 {
    position:absolute;
    left:577px;
    top:601px;
    width:6px;
    height:6px;
    background-image: url(../images/topheader_58.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_59 {
    position:absolute;
    left:611px;
    top:601px;
    width:10px;
    height:6px;
    background-image: url(../images/topheader_59.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_60 {
    position:absolute;
    left:621px;
    top:601px;
    width:248px;
    height:6px;
    background-image: url(../images/topheader_60.png);
    background-position:top right;
    background-repeat: repeat-x;
}

#joomina_topheader_61 {
    position:absolute;
    left:869px;
    top:601px;
    width:19px;
    height:6px;
    background-image: url(../images/topheader_61.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_62 {
    position:absolute;
    left:9px;
    top:607px;
    width:17px;
    height:24px;
    background-image: url(../images/topheader_62.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_63 {
    position:absolute;
    left:26px;
    top:607px;
    width:856px;
    height:19px;
    background-color:#4f7ec9
}

#joomina_topheader_64 {
    position:absolute;
    left:882px;
    top:607px;
    width:6px;
    height:24px;
    background-image: url(../images/topheader_64.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_65 {
    position:absolute;
    left:0px;
    top:615px;
    width:9px;
    height:16px;
    background-image: url(../images/topheader_65.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina_topheader_66 {
    position:absolute;
    left:26px;
    top:626px;
    width:856px;
    height:5px;
       background-image: url(../images/topheader_66.png);
    background-position:top right;
    background-repeat: repeat-x;
      
}

#joomina_ir_wrapper {
    width: 899.3px;
    margin:0 auto;
    position:relative
    }
#joomina_ir {
    margin-top:5px}
#joomina_ir_1_1_wrapper {
    
    }
#joomina_ir_1_2_wrapper {
    float:left;
    width:596px;
    background-color:#e3eeff;
    color:#0e3b82;
    overflow:hidden
    }
#joomina_ir_1_3_wrapper {
    
    }
#joomina_ir_1_4_wrapper {
    float:right;
    width:282px;
    background-color:#adcdfb;
    overflow:hidden
    }
#joomina_ir_1_5_wrapper {
    float:left;
    width:7.3px;
    }
#joomina_ir_1_4_wrapper ul li {
    width:258px ;
    background-image:url(../images/ul-li.png);
    background-repeat:no-repeat;
    background-position: top right;
    padding-right:30px;
    line-height:29px;
    margin-bottom:4px;
    }
#joomina_ir_1_4_wrapper ul li a {
    color:#FFF}
#joomina_ir_1_4_wrapper ul li:hover, #joomina_ir_1_4_wrapper ul li:hover a , #joomina_ir_1_4_wrapper ul li.active , #joomina_ir_1_4_wrapper ul li.active a {
    background-position:100% -30px;
    color: #FC3}
#joomina_ir_1_wrapper {
    overflow:hidden;
    color:#0e3b82;
    }
#joomina_ir_1_4_wrapper .moduletable h3 {
    background-image:url(../images/righth3.png);
    background-position: top right;
    background-repeat:no-repeat;
    height:49px;
    color:#0e3b82;
    line-height:45px;
    margin:0 -10px;
    padding-right:50px}
#joomina_ir_1_4_wrapper .moduletable {
    padding:0 10px 29px 10px;
    background-image:url(../images/rightbot.png);
    background-position:bottom right;
    background-repeat:no-repeat}
.clear { clear:both; }
#bottomboxjoomina{
    position: relative;
    margin:0 auto;
    width:900px;
    height:299px;
    clear:both
}
#bottomboxjoomina h3 {
    display:none}
#joomina-bottombox-01 {
    position:absolute;
    left:0px;
    top:0px;
    width:307px;
    height:13px;
}

#joomina-bottombox-02 {
    position:absolute;
    left:307px;
    top:0px;
    width:593px;
    height:54px;
    background-image:url(../images/joomina_bottombox_02.png);
    background-position:top right;
    background-repeat:no-repeat
}

#joomina-bottombox-03 {
    position:absolute;
    left:0px;
    top:13px;
    width:22px;
    height:248px;
}

#bottom1 {
    position:absolute;
    left:22px;
    top:13px;
    width:256px;
    height:228px;
    color:#CCC
}
#bottom1 ,  #bottom2 ,  #bottom3 {
    overflow:hidden}
#bottom1 a {
    color:#FFF;
    font-weight:500}
#bottom1 a:hover {
    color: #F60}
#bottom1 ul li {
    padding-right:20px;
    background-image:url(../images/ullibottom1.png);
    background-position: top right;
    background-repeat:no-repeat}
#top1 a, #top2 a, #top3 a
{
    color:#0e3b82}
#top1 , #top2 , #top3 {overflow:hidden;
line-height:normal;
font-size:12px}
#top1 h3, #top2 h3, #top3 h3, #flashnews h3 {
    display:none}
#top1 a:hover, #top2 a:hover, #top3 a:hover
{
    color: #F60}
#joomina-bottombox-05 {
    position:absolute;
    left:278px;
    top:13px;
    width:29px;
    height:248px;
}
#topmenu a{
    color: #FFF;
    font-weight:bold;
    font-size:11px}
#topmenu a:hover {
    text-decoration:underline}
#topmenu ul li {
    float:right;
    padding:0 8px}
#topmenu h3, #newspaper h3,#joomina_topheader_16 h3 {
    display:none}
    

#joomina-bottombox-06 {
    position:absolute;
    left:307px;
    top:54px;
    width:5px;
    height:207px;
}
#form-login-password label {
    width:20px;

    position:relative}
#form-login-password .inputbox {
    margin-right:60px}
#login-form  ul li {
    font-size:10px;
    padding-right:15px;
    height:15px;
    line-height:15px;
    background-image:url(../images/ullilogin.png);
    background-position:100%;
    background-repeat:no-repeat}
#login-form  ul li {
    font-size:10px;
    padding-right:15px;
    height:15px;}
#joomina-bottombox-07 {
    position:absolute;
    left:312px;
    top:54px;
    width:6px;
    height:202px;
    background-image:url(../images/joomina_bottombox_07.png);
    background-position:top right;
    background-repeat:repeat-y;
}

#bottom2 {
    position:absolute;
    left:318px;
    top:54px;
    width:266px;
    height:202px;
    background-color:#e3eeff
}

#joomina-bottombox-09 {
    position:absolute;
    left:584px;
    top:54px;
    width:11px;
    height:202px;
    background-image:url(../images/joomina_bottombox_09.png);
    background-position:top right;
    background-repeat:repeat-y;
}

#joomina-bottombox-10 {
    position:absolute;
    left:595px;
    top:54px;
    width:26px;
    height:207px;
    background-image:url(../images/joomina_bottombox_10.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#bottom3 {
    position:absolute;
    left:621px;
    top:54px;
    width:267px;
    height:193px;
    background-color:#adcdfb
}

#joomina-bottombox-12 {
    position:absolute;
    left:888px;
    top:54px;
    width:12px;
    height:207px;
    background-image:url(../images/joomina_bottombox_12.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina-bottombox-13 {
    position:absolute;
    left:22px;
    top:241px;
    width:256px;
    height:20px;
}

#joomina-bottombox-14 {
    position:absolute;
    left:621px;
    top:247px;
    width:267px;
    height:14px;
    background-image:url(../images/joomina_bottombox_14.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina-bottombox-15 {
    position:absolute;
    left:312px;
    top:256px;
    width:6px;
    height:5px;
    background-image: url(../images/joomina_bottombox_15.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#joomina-bottombox-16 {
    position:absolute;
    left:318px;
    top:256px;
    width:266px;
    height:5px;
    background-image:url(../images/joomina_bottombox_16.png);
    background-position:top right;
    background-repeat: repeat-x;
}

#joomina-bottombox-17 {
    position:absolute;
    left:584px;
    top:256px;
    width:11px;
    height:5px;
    background-image: url(../images/joomina_bottombox_17.png);
    background-position:top right;
    background-repeat: no-repeat;
}

#address {
    position:absolute;
    left:0px;
    top:261px;
    width:900px;
    height:38px;
}
#footer {
    width:900px;
    clear:both;
    margin:0 auto;
    text-align:center;
    color:#FFF;
    height:39px;
    line-height:18px;
    font-size:11px
}
#footer a {
    color:#F90}
#footer a:hover {
    color: #FFF}
    
p#form-login-username {

     width:100px;

}

label#modlgn_username {

}
input#modlgn_username {

margin-right:60px;

}

p#form-login-password {

}

label#modlgn_passwd {

}
input#modlgn_passwd {

}

میخواهم ارتفاع قسمت top1, top2,top3 بیشتر کنم
ممنون میشوم کمک کنید

[Reza Ganji]

ببينيد در اين نو طراحي و كدنويسي يك دايو براي هدر موقعيت و يك دايو براي قسمتي كه ماژول يا محتوا درون اون قرار ميگيرد و يك دايو هم براي پايين موقعيت در نظر گرفته ميشود !
در قسمتي كه محتوا يا ماژول قرار ميگيرد ممكن است يك دايو ديگري هم اضافه شده باشد براي اينكه به ماژول قرار داده شده در اون موقعيت به كناره ها نچسبد !

معمولا ارتفاع هم تعيين نميكنند و عرض را تعريف ميكنند و دمو انلاين به در اين ميخورد كه مستقيما كدهاي دلخواه رو استخراج ميكنيم و نيازي به جستجو در بين كدهاي سي اس اس كل قالب نيست !
با افزونه وب دولوپر فاير فاكس ميتونيد به راحتي كدهاي دايو مورد نظر را به راحتي استخراج كنيد !