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

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: تغییر اندازه موقعیت یک قالب (/thread-1693.html)

تغییر اندازه موقعیت یک قالب - مرتضی محمدجانی - ۱۳-۵-۱۳۹۰ ۱۰:۰۱ عصر

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

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

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


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

RE: تغییر اندازه موقعیت یک قالب - Reza Ganji - ۱۴-۵-۱۳۹۰ ۱۲:۰۶ صبح

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

RE: تغییر اندازه موقعیت یک قالب - مرتضی محمدجانی - ۱۴-۵-۱۳۹۰ ۰۲:۰۱ صبح

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

RE: تغییر اندازه موقعیت یک قالب - Reza Ganji - ۱۴-۵-۱۳۹۰ ۰۳:۰۶ صبح

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

RE: تغییر اندازه موقعیت یک قالب - مرتضی محمدجانی - ۱۴-۵-۱۳۹۰ ۰۵:۵۲ عصر

سلام بله من پست شما رو خوندم
من دنبال تغییر ساز هستم کل عکسهای استفاده شده در قالب رو دیدم می خوام با فتوشاپ اندازه ها رو تغییر دهم و آپلود کنم برای قالب
تنها مشکلی که درم این که نمیدونم کد مربوط به ارتفاع و کجاست تا بتونم تغییر دهم و عکس تغییر سایز داده شده را در آن قرار دهم.
بله فرمایش شما درست من نمیتوانم به عرض موقعیت ها اضافه کنم ولی در ارتفاع میشود انجام داد .
این کد قسمت سی اس اس قالبم
کد:
/* 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 بیشتر کنم
ممنون میشوم کمک کنید

RE: تغییر اندازه موقعیت یک قالب - Reza Ganji - ۱۴-۵-۱۳۹۰ ۱۰:۰۶ عصر

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

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