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