کوچک کردن موقعیت فوتر

[reza_mirzapour2002 11]

سلام

من از قالب مدرن استفاده میکنم . فوتر پایین صفحه خیلی بزرگه . من میخوام کمش کنم اندازشو. فایل template.css رو باز کردم ولی دقیقا نمیدونم کدوم قسمت رو باید کم کنم تا این فوتر کم بشه .

سایت : http://iranvaluation.ir/

کد template :

@import url(reset.css);

@import url(menu.css);

@import url(joomla.css);

body {

font-family:Tahoma;

font-size:11px;

line-height:21px;

letter-spacing: normal;

background-color:#e5e5e5;

background-position:top right;

background-repeat:repeat;

}

#modernweb_wrapper {

background-image:url(../images/modernweb_wrapper.png);

background-position:bottom right;

background-repeat:repeat-x;

}

#wrapper {

background-image:url(../images/wrapper.png);

background-position:top right;

background-repeat:repeat-x;

}

#modernweb {

width: 980px;

direction:rtl;

text-align:right;

margin:0 auto;

position:relative;

}

#modernweb_1_wrapper {

width:980px;

height:60px;

position:relative;

overflow:hidden;

}

#logobar {

position:absolute;

left:2px;

top:0px;

width:980px;

height:60px;

}

#logobar1_ {

position:absolute;

left:1px;

top:0px;

width:20px;

height:60px;

}

#logobar2_ {

position:absolute;

left:20px;

top:0px;

width:357px;

height:30px;

}

#logobar4_ {

position:absolute;

left:377px;

top:0px;

width:343px;

height:60px;

}

#logobar5_ {

position:absolute;

left:720px;

top:0px;

width:260px;

height:5px;

}

#logo_ {

position:absolute;

left:720px;

top:5px;

width:260px;

height:50px;

}

.logo {

opacity: 1;

transition: opacity .25s ease-in-out;

-moz-transition: opacity .25s ease-in-out;

-webkit-transition: opacity .25s ease-in-out;

}

}

#twitter_ {

position:absolute;

left:20px;

top:30px;

width:25px;

height:25px;

}

.twitter {

opacity: 1;

transition: opacity .25s ease-in-out;

-moz-transition: opacity .25s ease-in-out;

-webkit-transition: opacity .25s ease-in-out;

}

.twitter:hover {

opacity: 0.5;

}

#facebook_ {

position:absolute;

left:45px;

top:30px;

width:25px;

height:25px;

}

.facebook {

opacity: 1;

transition: opacity .25s ease-in-out;

-moz-transition: opacity .25s ease-in-out;

-webkit-transition: opacity .25s ease-in-out;

}

.facebook:hover {

opacity: 0.5;

}

#rss_ {

position:absolute;

left:70px;

top:30px;

width:25px;

height:25px;

}

.rss {

opacity: 1;

transition: opacity .25s ease-in-out;

-moz-transition: opacity .25s ease-in-out;

-webkit-transition: opacity .25s ease-in-out;

}

.rss:hover {

opacity: 0.5;

}

#email_ {

position:absolute;

left:95px;

top:30px;

width:25px;

height:25px;

}

.email {

opacity: 1;

transition: opacity .25s ease-in-out;

-moz-transition: opacity .25s ease-in-out;

-webkit-transition: opacity .25s ease-in-out;

}

}

#date_ {

position:absolute;

left:120px;

top:30px;

width:257px;

height:25px;

color:#CCC;

text-align:center;

font-size:10px;

line-height:35px;

}

#logobar3_ {

position:absolute;

left:20px;

top:55px;

width:357px;

height:5px;

}

#logobar6_ {

position:absolute;

left:720px;

top:55px;

width:260px;

height:5px;

}

#modernweb_2_wrapper {

width:980px;

height:75px;

position:relative;

}

#menubar {

position:absolute;

left:0px;

top:0px;

width:980px;

height:75px;

}

#menubar1_ {

position:absolute;

left:0px;

top:0px;

width:30px;

height:75px;

}

#menubar2_ {

position:absolute;

left:30px;

top:0px;

width:950px;

height:13px;

}

#menubar3_ {

position:absolute;

left:30px;

top:13px;

width:244px;

height:7px;

}

#menu {

position:absolute;

left:274px;

top:23px;

width:706px;

height:24px;

}

#search_ {

position:absolute;

left:30px;

top:20px;

width:160px;

height:30px;

padding-top:4px;

background-color:#0d2635;

border-left:#000 1px solid;

border-top:#000 1px solid;

overflow:hidden;

}

#menubar4_ {

position:absolute;

left:190px;

top:20px;

width:84px;

height:30px;

background-image:url(../images/menubar4.png);

background-position:top right;

background-repeat:no-repeat;

}

#menubar5_ {

position:absolute;

left:30px;

top:50px;

width:244px;

height:25px;

}

#menubar6_ {

position:absolute;

left:274px;

top:57px;

width:706px;

height:18px;

}

#modernweb_3_wrapper {

position:relative;

overflow:hidden;

}

#modernweb_3 {

width:980px;

height:10px;

}

#slideshow {

width:980px;

height:410px;

position:relative;

overflow:hidden;

}

#slideshowbar {

position:absolute;

left:0px;

top:0px;

width:980px;

height:395px;

}

#bgtl_ {

position:absolute;

left:0px;

top:0px;

width:11px;

height:9px;

background-image:url(../images/bgtl.png);

background-position:top right;

background-repeat:no-repeat;

}

#bt_ {

position:absolute;

left:11px;

top:0px;

width:958px;

height:9px;

background-image:url(../images/bt.png);

background-position:top right;

background-repeat:repeat-x;

}

#bgtr_ {

position:absolute;

left:969px;

top:0px;

width:11px;

height:9px;

background-image:url(../images/bgtr.png);

background-position:top right;

background-repeat:no-repeat;

}

#bl_ {

position:absolute;

left:0px;

top:9px;

width:11px;

height:358px;

background-image:url(../images/bl.png);

background-position:top right;

background-repeat:repeat-y;

}

#dt_ {

position:absolute;

left:11px;

top:9px;

width:958px;

height:24px;

background-color:#dedede;

}

#br_ {

position:absolute;

left:969px;

top:9px;

width:11px;

height:358px;

background-image:url(../images/br.png);

background-position:top right;

background-repeat:repeat-y;

}

#dl_ {

position:absolute;

left:11px;

top:33px;

width:24px;

height:309px;

background-color:#dedede;

}

#slideshow_ {

position:absolute;

left:35px;

top:33px;

width:910px;

height:309px;

background-color:#dedede;

}

#dr_ {

position:absolute;

left:945px;

top:33px;

width:24px;

height:309px;

background-color:#dedede;

}

#db_ {

position:absolute;

left:11px;

top:342px;

width:958px;

height:25px;

background-color:#dedede;

}

#bgbl_ {

position:absolute;

left:0px;

top:367px;

width:11px;

height:28px;

background-image:url(../images/bgbl.png);

background-position:top right;

background-repeat:no-repeat;

}

#bbl_ {

position:absolute;

left:11px;

top:367px;

width:24px;

height:28px;

background-image:url(../images/bbl.png);

background-position:top right;

background-repeat:repeat-x;

}

#bb_ {

position:absolute;

left:35px;

top:367px;

width:910px;

height:28px;

background-image:url(../images/bb.png);

background-position:top right;

background-repeat:no-repeat;

}

#bbr_ {

position:absolute;

left:945px;

top:367px;

width:24px;

height:28px;

background-image:url(../images/bbr.png);

background-position:top right;

background-repeat:repeat-x;

}

#bgbr_ {

position:absolute;

left:969px;

top:367px;

width:11px;

height:28px;

background-image:url(../images/bgbr.png);

background-position:top right;

background-repeat:no-repeat;

}

#modernweb_5 {

width:980px;

}

#modernweb_5_1_wrapper {

background-image:url(../images/left.png);

background-position:top right;

background-repeat:repeat-y;

overflow:hidden;

}

mod_module {

background-color:#00FF00;

}

.module-m-m ,.module-m {

width:180px;

margin:0 auto;

padding-top:5px;

padding-bottom:5px;

overflow:hidden;

}

#mod_module .module-m-m ,#mod_module .module-m ,#mod_module .module{

direction:rtl;

text-align:right;

}

.bannergroup_text ,.banneritem_text {

text-align:justify;

}

.module-t {

background-image:url(../images/module-t.png);

background-position:top right;

background-repeat:no-repeat;

height:7px;

width:240px;

}

.module-b {

background-image:url(../images/module-b.png);

background-position:bottom right;

background-repeat:no-repeat;

height:18px;

width:240px;

}

#mod_module h3 {

background-image:url(../images/module-h3.png);

background-position:top right;

background-repeat:no-repeat;

margin:0 auto;

width:173px;

height:52px;

text-align:center;

line-height:40px;

color:#FFFFFF;

}

.module a ,.module_menu a ,.module_nav a {

color:#666666;

}

.module a:hover ,.module_menu a:hover ,.module_nav a:hover {

color:#3275c8;

}

.module ,.module_menu ,.module_nav {

color:#333333;

}

.module_menu ul li a ,.module_menu ul li a:hover {

font-weight:bold;

}

#modernweb_5_1_wrapper {

float:right;

width:240px;

}

#yright {

float:left;

width:740px;

}

#yright #componenttop {

background-image:url(../images/contant-t_yright.png);

background-position:top right;

background-repeat:no-repeat;

width:740px;

height:9px;

}

#yright #content {

width:740px;

background-image:url(../images/contant_yright.png);

background-position:top right;

background-repeat:repeat-y;

}

#yright #component {

width:680px;

margin:0 auto;

text-align:justify;

}

#yright #componentbottom {

background-image:url(../images/contant-b_yright.png);

background-position:bottom right;

background-repeat:no-repeat;

width:740px;

height:31px;

}

#nright {

float:left;

width:980px;

}

#nright #componenttop {

background-image:url(../images/contant-t_nright.png);

background-position:top right;

background-repeat:no-repeat;

width:980px;

height:10px;

}

#nright #content {

background-image:url(../images/contant_nright.png);

background-position:top right;

background-repeat:repeat-y;

width:980px;

}

#nright #component {

width:920px;

margin:0 auto;

text-align:justify;

}

#nright #componentbottom {

background-image:url(../images/contant-b_nright.png);

background-position:bottom right;

background-repeat:no-repeat;

width:980px;

height:31px;

}

#component {

width:680px;

margin:0 auto;

text-align:justify;

}

#component a {

color:#3275c8;

}

#component a:hover {

color:#f11a1a;

}

.contentpaneopen .contentheading {

background-image:url(../images/contentheading.png);

background-position:top right;

background-repeat:no-repeat;

width:347px;

height:54px;

color:#0054a6;

padding-right:45px;

}

.contentpaneopen a ,.contentpaneopen a:hover {

color:#00000;

}

.modifydate ,.createdate,.small {

display:none;

}

#modernweb_5_wrapper {

position:relative;

overflow:hidden;

}

#modernweb_7_1_wrapper {

float:left;

width:320px;

height:200px;

}

#bottom1 {

margin:0 auto;

width:250px;

height:200px;

overflow:hidden;

}

#bottom2 {

margin:0 auto;

width:250px;

height:200px;

overflow:hidden;

}

#bottom3 {

margin:0 auto;

width:250px;

height:200px;

overflow:hidden;

}

#modernweb_7_2_wrapper {

float:left;

width:10px;

height:200px;

}

#modernweb_7_3_wrapper {

float:left;

width:320px;

height:200px;

}

#modernweb_7_4_wrapper {

float:left;

width:10px;

height:200px;

}

#modernweb_7_5_wrapper {

float:right;

width:320px;

height:200px;

}

#modernweb_7_wrapper {

position:relative;

color:#999;

width:980px;

height:270px;

overflow:hidden;

font-size:13px;

}

#modernweb_7_wrapper h3 {

color:#FFF;

font-size:12px;

padding-right:30px;

}

.moduletable h3 ,.moduletable_menu h3 ,.moduletable_nav h3 {

color:#FFF;

font-size:12px;

padding-right:30px;

}

#bottom2 .moduletable h3 ,#bottom2 .moduletable_menu h3 ,#bottom2 .moduletable_nav h3 {

background-image:url(../images/1.png);

background-position:top right;

background-repeat:no-repeat;

}

#bottom3 .moduletable h3 ,#bottom3 .moduletable_menu h3 ,#bottom3 .moduletable_nav h3 {

background-image:url(../images/2.png);

background-position:top right;

background-repeat:no-repeat;

}

#bottom1 .moduletable h3 ,#bottom1 .moduletable_menu h3 ,#bottom1 .moduletable_nav {

background-image:url(../images/3.png);

background-position:top right;

background-repeat:no-repeat;

}

#modernweb_7_wrapper a:hover {

color:#cccccc;

}

#modernweb_7_wrapper a {

color:#999;

}

#modernweb_7_modernweb1 {

width:980px;

height:20px;

}

#modernweb_7_modernweb2 {

width:980px;

height:50px;

}

#modernweb_7 {

width:980px;

height:200px;

}

#modernweb_8_wrapper {

position:relative;

width:980px;

height:50px;

overflow:hidden;

text-align:center;

color:#999;

}

#modernweb_8_wrapper a:hover {

color:#FFF;

}

.clear { clear:both; }

.pagination span, .pagination a {

margin-top: 10px;

margin-right: 5px;

margin-bottom: 10px;

margin-left: 5px;

padding-top: 5px;

padding-right: 10px;

padding-bottom: 5px;

padding-left: 10px;

}

.blog_more {

-webkit-box-shadow: inset 0px 0px 5px 0px #999999;

-moz-box-shadow: inset 0px 0px 5px 0px #999999;

box-shadow: inset 0px 0px 5px 0px #999999;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

background-color:#f3f3f3;

}

div#co {

display:none;

font:11px 'Trebuchet MS';

color:#fff;

text-indent:30px;

padding:40px 0 0 0;

}

div#co a { color:#00bfff; }

div#co a:hover { color:#fff; }

[Vahid Taheri 74]

به دنبال این بخش بگردین:

modernweb_7_wrapper

در این بخش مقدار height: 270px; رو کم کنین

لازم به ذکره که باید ساز تصویر templates/modernweb/images/modernweb_wrapper.png که بصورت پترن در فوتر قالب به کار رفته هم تغییر بدین(ارتفاعش رو)

در پناه حق

[Abbas_Afshar 15]

سلام.

البته قسمت اول نوشته های آقای طاهری اشتباه است. چون اگر سایز رو تغییر بدی

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

باعث می شه تا main اصلی سایت به طرف پایین بیاد.

راه درست، قسمت دوم نوشته های آقای طاهری است. یعنی سایز عکس با آدرس

http://iranvaluation.ir/templates/modernweb/images/modernweb_wrapper.png

رو کوچک کنی. همین و همین:yeah:

[Vahid Taheri 74]

سلام.

البته قسمت اول نوشته های آقای طاهری اشتباه است. چون اگر سایز رو تغییر بدی

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

باعث می شه تا main اصلی سایت به طرف پایین بیاد.

راه درست، قسمت دوم نوشته های آقای طاهری است. یعنی سایز عکس با آدرس

http://iranvaluation.ir/templates/modernweb/images/modernweb_wrapper.png

رو کوچک کنی. همین و همین:yeah:

بله حق با شماست.انسان جایزالخطاست دیگه :128fs318181:

ولی بعضی مواقع اگر فقط عکس رو کوچیک کنیم قالب میریزه به هم و مثلا جای فضای خالی که عکس کوچیک شده سفید میشه و....

بخش اول بدرد اون بعضی مواقع میخوره

ممنون بابت پستتون