طول و عرض و ارتفاع

Amir_Reza

Member
سلام من فایل Css دارم که اینجوریه
کد:
	#copyright {

	padding: 7px;

	text-align: center;

	background-image: url(../forums/images/bg_copyright.gif); 
	 
	border-bottom: solid 2px #FF1010;

	border-top: solid 1px #2B438F;

	font-size: 9px;

	color: #808080;

}

اگه بخوام این طول و عرض بهش اضافه کنم چی کار کنم!!

کد:
width="766" height="323"

:tavajo: می خوام طول و عرض این عکس bg_copyright.gif رو عوض کنم!!!!!!! به ابعاد بالا که گفتم!!!
 
آخرین ویرایش:
کافیه اون دوتا رو هم بش اضافه کنی که میشه :

#copyright {

padding: 7px;

text-align: center;

background-image: url(../forums/images/bg_copyright.gif);

border-bottom: solid 2px #FF1010;

border-top: solid 1px #2B438F;

font-size: 9px;

color: #808080;

height:323px;

width:766px;

}
 

echessdesign

مدیر انجمن طراحی وب
کافیه اون دوتا رو هم بش اضافه کنی که میشه :

#copyright {

padding: 7px;

text-align: center;

background-image: url(../forums/images/bg_copyright.gif);

border-bottom: solid 2px #FF1010;

border-top: solid 1px #2B438F;

font-size: 9px;

color: #808080;

height:323px;

width:766px;

}

دوست عزیز
کد های html را در تگ آن جهت خوانایی قرار دهید
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
در صورتی که در نظر دارید که عکس های داخل تگ div=#copyright به سایز مورد نظر شما تغییر اندازه دهد و نیازی به استفاده ار کد معادل HTML آن نباشد ، به شکل زیر عمل کنید:
HTML:
#copyright img {
border:0;
width:766px;
height:323px;
}
شما جهت کاهش حجم کد های CSS و تصیح در خوانایی آن، کد های CSS صفحه خود را خلاصه نویسی کنید.
پاینده باشید
 

Amir_Reza

Member
از هر دو شما ممنون ولی یه مشکلی که هست اینه که عکس و به صورت کامل نشون نداد این جوری نشون داد!!!



:-?
 

Amir_Reza

Member
کد:
/* main selectors */

table, th, td, tr, div, p, span {

direction: rtl;

}



body {

	background: #FFF url(../forums/images/bg_body.gif) top left repeat-x;

	margin: 0;

	padding: 0 10px;

}



#forum {

	background-color: #F8F8F8;

	border: solid 1px #A0A0A0;

	border-width: 0 1px 1px 1px;

	margin: 0;

	padding: 0;

}



#acp, #forum, p, td, th {

	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000;

}



#forum p {

	margin: 0;

	text-align: right;

}



#content {

	padding: 2px 7px 5px 7px;

	text-align: center;

}



table, img {

	border: 0;

}



form {

	display: inline;

}



label {

	color: #333;

}

label:hover {

	color: #666;

}



a {

	color: #455995;

	text-decoration: none;

}



a:visited { color: #303F6B;}

a:hover, a:active { color: #FF1010;

text-decoration: none;

 }



.gen { font-size: 12px; }

.genmed { font-size: 11px; }

.gensmall { font-size: 10px; }



.error-message {

	font-size: 12px;

	color: #FF1010;

	font-weight: bold;

}



/* header */

.forum-header {

	background: #F7F7F7 url(../forums/images/bg_logo.gif) top left repeat-x;

	padding: 0;

	height: 100px;

}



.forum-buttons {

	text-align: center;

	font-size: 11px;

	color: #FF1010;

	background-image: url(../forums/images/bg_topnav.gif);

	border-top: solid 1px #2B438F;

	border-bottom: solid 1px #2B438F;

	height: 20px;

	

}

* html .forum-buttons { height: 18px; }



.forum-buttons a, .forum-buttons a:visited {

	color: #334C9A;

	text-decoration: none;

	margin: 0 3px;

}



.forum-buttons a:hover, .forum-buttons a:active {

	color: #FF1010;

	text-decoration: none;

}



.header-search { padding: 5px;}





/* footer */

#copyright {

	padding: 7px;

	text-align: center;

	background-image: url(../forums/images/bg_copyright.gif); 
	 
	font-size: 9px;

	color: #808080;
	
    height:323px;

    width:766px;

}


#copyright a, #copyright a:visited {

	color: #2B438F;

	text-decoration: none;

}



#copyright a:hover, #copyright a:active {

	color: #FF1010;

	text-decoration: none;

}





.admin-link a, .admin-link a:visited { 

	font-size: 12px;

	line-height: 20px;

	text-decoration: underline;

}

.admin-link a:hover, .admin-link a:active {

	text-decoration: underline;

}



/* main tables/divs */

.forumline {

	border: solid 1px #2B438F;

	margin: 5px 0;

	background-color: #F8F8F8;

}



.no-width { margin: 5px auto; }



.forumline td { padding: 2px; }



.row1, .row2, .row3, .row4, .row1h, .row1h-new, .row2h, .row3h, .row1hHover, .row1h-newHover {

	background-color: #F8F8F8;

	border: solid 1px #FFF;

	border-right-color: #D6D6D6;

	border-bottom-color: #D6D6D6;

	text-align: right;

}



.row1h:hover, .row1hHover { 

	background: #F0F0F0 url(../forums/images/bg_row_hover.gif) bottom left no-repeat; 

	border-top-color: #F8F8F8;

	border-left-color: #F8F8F8;

	border-bottom-color: #D0D0D0;

	border-right-color: #D0D0D0;

}

.row1h-new:hover, .row1h-newHover { 

	background: #F0F0F0 url(../forums/images/bg_row_hover_new.gif) bottom left no-repeat; 

	border-top-color: #F8F8F8;

	border-left-color: #F8F8F8;

	border-bottom-color: #D0D0D0;

	border-right-color: #D0D0D0;

}



.forumline div.row1, .forumline p.row1 { text-align: right; padding: 3px; }



.row1g, .row1g-left, .row1g-left-top {

	background: #FFF url(../forums/images/bg_post.gif) top left repeat-x;

	border: solid 1px #FFF;

	border-right-color: #D6D6D6;

	border-bottom-color: #D6D6D6;

	vertical-align: middle;

	text-align: center;

}



.row1g-left, .row1g-left-top {

	text-align: right;

}



.row1g-left-top {

	vertical-align: top;

}



.forumline th {

	background: #FFF url(../forums/images/bg_th.gif) top left repeat-x;

	color: #455995;

	font-weight: bold;

	font-size: 11px;

	height: 24px;

	padding: 0 5px;

	border: solid 1px #FFF;

	border-right-color: #D6D6D6;

	border-bottom-color: #D6D6D6;

	white-space: nowrap;

	text-align: center;

}



.forumline .row-forum {

	padding: 1px 2px 2px 2px;

}



.forumline .no-padding {

	padding: 0;

}



.forumline .row-header {

	background: #354883 url(../forums/images/bg_hdr1.gif);

	border: solid 1px #DCE1EE;

	border-right-color: #CFDADE;

	border-bottom-color: #CFDADE;

	padding:0 0 0 15px;

	text-align: right;

	vertical-align: top;

	height: 27px;

}



.forumline p.row-header { height: 25px; }



.forumline .row-header span {

	background: url(../forums/images/bg_hdr2.gif) top right no-repeat;

	padding-right: 17px;

	color: #EDEFF4;

	display: block;

	padding-top: 4px;

	font-weight: bold;

	font-size: 12px;

	line-height: 1.2em;

}



.row-header a, .row-header a:visited {

	color: #EDEFF4;

	text-decoration: underline;

}



.row-header a:hover, .row-header a:active {

	color: #C8D0EB;

	text-decoration: underline;

}



/* shortcuts */

.row-center, .row-center-small {

	text-align: center;

	vertical-align: middle;

}



.row-center-small {

	font-size: 10px;

}



.catBottom, .cat, .catLeft, .catRight {

	background: #FDFDFD url(../forums/images/bg_catbottom.gif) top left repeat-x;

	text-align: center;

	border: solid 1px #FFF;

	border-right-color: #D6D6D6;

	border-bottom-color: #D6D6D6;

	height: 28px;

	min-height: 28px;

}



.forumline td.catBottom { padding: 1px; }



.spaceRow {

	background: #3D4E81 url(../forums/images/bg_spacerow.gif);

	border: solid 1px #FFF;

	border-right-color: #D6D6D6;

	border-bottom-color: #D6D6D6;

	height: 3px;

	padding: 0;

}



.forumline td.spaceRow { padding: 0; }



.empty-table td {

	padding: 3px 0;

}



.poll-table td {

	padding: 3px 10px;

	text-align: right;

	font-size: 11px;

}



/* navigation */

.nav-header {

	background-image: url(../forums/images/bg_nav1.gif);

	color: #888888;

	font-size: 12px;

	font-weight: bold;

	text-align: right;

	padding: 4px 5px;

}



.nav-links {

	color: #888888;

	text-align: right;

	background: #FFF url(../forums/images/bg_nav2.gif) top left repeat-x;

	padding: 3px 5px;

	font-size: 10px;

	line-height: 1.4em;

}



.nav-links-left {

	position: relative;

	float: right;

	text-align: right;

}



.nav-header, .nav-links {

	border: solid 1px #FFF;

	border-right-color: #D6D6D6;

	border-bottom-color: #D6D6D6;

}



.nav-div a, .nav-div a:visited {

	color: #455995;

	text-decoration: none;

}



.nav-div a:hover, .nav-div a:active {

	color: #FF1010;

	text-decoration: none;

}



.nav-links a, .nav-links a:visited { text-decoration: none; }



.nav-div a.nav-current, .nav-div a.nav-current:visited {

	color: #FF1010;

}



.nav-div a.nav-current:hover, .nav-div a.nav-current:active {

	color: #D61212;

	text-decoration: none;

}





/* forum index */

.forumlink, .forumlink-new {

	font-size: 12px;

	font-weight: bold;

	line-height: 1.3em;

}

a.forumlink, a.forumlink:visited { text-decoration: none; }

a:forumlink:hover, a:forumlink:active { text-decoration: none; }



a.forumlink-new, a.forumlink-new:visited { 

	text-decoration: none; 

	color: #FF1010;

}

a:forumlink-new:hover, a:forumlink-new:active { 

	text-decoration: none;

	color: #D61212;

}



.moderators {

	font-size: 10px;

	color: #888;

}



.moderators a, .moderators a:visited {

	color: #777;

	text-decoration: none;

}



.moderators a:hover, .moderators a:active {

	color: #FF1010;

	text-decoration: none;

}



/* viewforum */

.topiclink b, .topiclink-new b { 

	color: #444;

	font-size: 11px;

}



.topiclink a, .topiclink-new a {

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

}



.topiclink a:visited {

	color: #243465;

	text-decoration: none;

}



.topiclink a:hover, .topiclink a:active {

	color: #FF1010;

	text-decoration: none;

}



.topiclink-new a, .topiclink-new a:visited { 

	text-decoration: none; 

	color: #FF1010;

}

.topiclink-new a:hover, .topiclink-new a:active { 

	text-decoration: none;

	color: #D61212;

}





/* pagination */

.pagination { 

	font-size: 12px;

	line-height: 2em;

	font-weight: bold; 

	margin: 0; 

	margin-top: 5px; 

	margin-bottom: 3px; 

}

.pagination a, .pagination a:visited { 

	color: #455995; 

	border: #888 1px solid; 

	padding: 1px; 

	background: #FFF url(../forums/images/bg_nav2.gif) top left repeat-x;

}

.pagination a:hover, .pagination a:active { 

	color: #FF1010;

	border: #888 1px solid; 

	padding: 1px; 

}



.gotopage { 

	display: block;

	font-size: 10px;

	line-height: 2em;

	margin: 3px 0 1px 0; 

}

* html .gotopage { margin-top: 5px; margin-bottom: 2px; }

.gotopage a, .gotopage a:visited { 

	color: #455995; 

	border: #888 1px solid; 

	padding: 1px; 

	background: #FFF url(../forums/images/bg_nav2.gif) top left repeat-x;

}

.gotopage a:hover, .gotopage a:active { 

	color: #FF1010;

	border: #888 1px solid; 

	padding: 1px; 

}



/* post */

.row-post-author, .row-post {

	background: #FFF url(../forums/images/bg_post.gif) top left repeat-x;

	border: solid 1px #FFF;

	border-right-color: #D6D6D6;

	border-bottom-color: #D6D6D6;

	vertical-align: top;

	padding: 3px;

}



.row-post-author {

	text-align: center;

	width: 150px;

}



.row-post {

	text-align: right;

}



.post-name {

	font-weight: bold;

	color: #455995;

	font-size: 12px;

	line-height: 1.6em;

}



.post-rank {

	color: #888;

	font-size: 10px;

}



.post-details {

	text-align: right;

	margin: 5px;

	color: #666;

	font-size: 10px;

	line-height: 1.4em;

}



.post-../forums/images img {

	display: block;

	margin: 1px auto;

}



.post-buttons-top {

	float: left;

}



.post-subject {

	color: #455995;

	font-weight: bold;

	font-size: 13px;

	margin-bottom: 5px;

}



.post-text {

	font-size: 12px;

	line-height: 1.7em;

	margin: 3px 10px; 3px 10px;

}



@media all and (min-width: 0px) {

	html>body .post-text { 

		overflow: auto; 

	}

}



.row-post-date, .row-post-buttons {

	border: solid 1px #FFF;

	border-right-color: #D6D6D6;

	border-bottom-color: #D6D6D6;

	vertical-align: middle;

	font-size: 10px;

	line-height: 12px;

	color: #666;

	background: url(../forums/images/bg_postbottom.gif);

	white-space: nowrap;

	padding: 1px;

}



.row-post-buttons {

	text-align: right;

}



.post-buttons a img, .post-buttons a:visited img, .post-buttons-single a img, .post-buttons-single a:visited img {

	background-color: #455995;

}



.post-buttons a:hover img, .post-buttons a:active img, .post-buttons-single a:hover img, .post-buttons-single a:active img {

	background-color: #FF1010;

}



.post-buttons-single {

	text-align: center;

	vertical-align: middle;

}



.img-main a img, .img-main a:visited img {

	background-color: #FF1010;

}



.img-main a:hover img, .img-main a:active img {

	background-color: #444;

}



.post-text blockquote {

	color: #444;

	display: block;

	margin: 5px 20px;

	width: auto;

	border: solid 1px #D0D0D0;

	background: #FFF url(../forums/images/bg_quote_header.gif) bottom left no-repeat;

	padding: 5px;

	font-size: 12px;

}



.post-text blockquote h6 {

	margin: 0;

	margin-bottom: 5px;

	padding-right: 18px;

	padding-bottom: 3px;

	border-bottom: solid 1px #E0E0E0;

	font-size: 11px;

	line-height: 1.2em;

	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #808080;

	background: #FFF url(../forums/images/bg_quote_content.gif) top right no-repeat;

}



.post-text .code {

	color: #444;

	display: block;

	margin: 5px 20px;

	width: auto;

	border: solid 1px #D0D0D0;

	background-color: #FFF;

	padding: 5px;

	font-size: 12px;

	font-family: tahoma, Courier, 'Courier New', sans-serif;

	text-align: left;

	direction: ltr;

	line-height: 1.5em;

}



.post-text .php {

	color: #444;

	display: block;

	margin: 5px 20px;

	width: auto;

	border: solid 1px #D0D0D0;

	background-color: #FFF;

	padding: 5px;

	font-size: 12px;

	font-family: tahoma, Courier, 'Courier New', sans-serif;

	text-align: left;

	direction: ltr;

	line-height: 1.5em;

}



.post-text .code h6 {

	margin: 0;

	margin-bottom: 5px;

	padding-left: 18px;

	padding-bottom: 3px;

	border-bottom: solid 1px #E0E0E0;

	font-size: 11px;

	line-height: 1.2em;

	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #808080;

	background: #FFF url(../forums/images/bg_code_header.gif) top left no-repeat;

	

}



.post-text .php h6 {

	margin: 0;

	margin-bottom: 5px;

	padding-left: 18px;

	padding-bottom: 3px;

	border-bottom: solid 1px #E0E0E0;

	font-size: 11px;

	line-height: 1.2em;

	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #808080;

	background: #FFF url(../forums/images/bg_code_header.gif) top left no-repeat;

	

}



/* inputs */

input, select { 

	vertical-align: middle; 

	box-sizing: content-box;

	-moz-box-sizing: content-box;

}

textarea {

	box-sizing: content-box;

	-moz-box-sizing: content-box;

}



input, textarea, select { 

	color: #333; 

	font: normal 11px tahoma, Verdana, Arial, Helvetica, sans-serif; 

	vertical-align: middle;

	margin: 0;

	box-sizing: content-box;

	-moz-box-sizing: content-box;

}



.helpline {

	border: solid 1px #F8F8F8;

	background-color: #F8F8F8;

	color: #666;

}



input.button, button.button {

	background: #FFF url(../forums/images/bg_nav2.gif) top left repeat-x;

	border: solid 1px #BBB;

	border-left-color: #CCC;

	border-top-color: #CCC;

	color: #666;

}



input.button:hover {

	color: #000;

	border-left-color: #AAA;

	border-top-color: #AAA;

	border-right-color: #999;

	border-bottom-color: #999;

}



input.post, textarea, select, input.liteoption {

	border: solid 1px #888;

	color: #666;

	background-color: #F8F8F8;

}



input.mainoption {

	border: solid 1px #666;

	color: #444;

	background-color: #F8F8F8;

}



* html input.post, * html textarea, * html select, * html input.liteoption {

	color: #333;

	border: solid 1px #2B438F;

}

* html input.mainoption {

	color: #000;

	border: solid 1px #2B438F;

	font-weight: bold;

}







input.post:hover, textarea:hover, select:hover, select:focus, input.liteoption:hover, input.mainoption:hover {

	border: solid 1px #666;

	color: #444;

	background-color: #FAFAFA;

}



input.post:focus, textarea:focus {

	border: solid 1px #2B438F;

	color: #000;

}



input.post:focus, select:focus, input.mainoption:focus, input.liteoption:focus {

	background: #E7E7E7 url(../forums/images/bg_input.gif) top left repeat-x;

}



textarea:focus {

	background-color: #F4F4F4;

}



select optgroup {

	background-color: #000;

	color: #FFF;

	font-weight: normal;

	font-style: normal;

}

select option {

	background-color: #F0F0F0;

	color: #333;

}



/* inputs - fixing height */

input.mainoption, input.liteoption { height: 18px; }

* html input.mainoption, * html input.liteoption { height: 20px; }



input.post { height: 16px; }

@media all and (min-width: 0px) { html>body input.post { height: 18px; } }



select option { height: 15px; }



input.jumpbox { height: 18px; }

@media all and (min-width: 0px) { html>body input.jumpbox { height: 15px; } }

* html input.jumpbox { height: 18px; }



/* private message popup */

.popup, .popuppm { display: none; }

.popuppm-new {

	display: block;

	text-align: center; 

	margin: 30px;

}

.popuppm-new a { 

	margin: 5px 0; 

	padding: 6px 8px; 

	font-size: 12px; 

	font-weight: bold; 

	background: #FFF url(../forums/images/bg_post.gif) top left repeat-x;

	border: solid 1px #2B438F; 

	color: #FF1010;

	text-decoration: none;

	

}

.popuppm-new a:hover {

	color: #666;

	text-decoration: none;

}



/* News Block */

.forumline .news-header {  

	background: #354883 url(../forums/images/bg_hdr1.gif);

	border: solid 1px #DCE1EE;

	border-right-color: #CFDADE;

	border-bottom-color: #CFDADE;

	padding: 0;

	text-align: right;

	vertical-align: top;

	height: 27px;

}  

.forumline .news-header span {

	background: url(../forums/images/bg_hdr2.gif) top left no-repeat;

	padding-left: 17px;

	color: #EDEFF4;

	display: block;

	padding-top: 2px;

	font-weight: bold;

	font-size: 12px;

	line-height: 1.5em;

}

.newsrow {  

	margin: 2px 0 5px 0;  

	padding: 1px 3px;  

	color: #444;  

	font-size: 10px;  

	line-height: 1.5em;

	text-align: left;

}  

.newsdate {  

	margin: 2px 0 5px 0;  

	padding: 1px 3px;  

	color: #455995;  

	font-size: 10px;  

	line-height: 1.5em;

	text-align: center;

}  

.newsversion { 

	font-size: 10px; 

	color: #fff; 

	margin: 5px;

	vertical-align: middle;

}



td.banner {

background: #FFF url(../forums/images/bg_post.gif) top left repeat-x;

	border: solid 1px #FFF;

	border-right-color: #D6D6D6;

	border-bottom-color: #D6D6D6;

	vertical-align: top;

	padding: 3px;

	text-align: center;

	}



.adtext {

font-weight: bold;

	color: red;

	font-size: 12px;

	line-height: 1.6em;

	}

abbr, acronym {

  border-bottom:1px dotted #0f0f0f;

  padding-bottom: 2px;

  margin:0px;

  color: #000;

  cursor:help;

}



abbr:hover, acronym:hover {

color: #000;

border-bottom:none;

background-color: yellow;



}



/* Styles added to be used for the Today/Yesterday Mod */

.date-today { color: #E61A1A; font-weight: bold;}

.date-yesterday { color: #18C935; font-weight: bold;}

.date-general {white-space: nowrap;}

/* End of Styles Added */



/* edit notes */

.post-notes {

	border: solid 1px #999;

	margin: 0;

	margin-top: 10px;

	background-color: #F8F8F8;

}

.post-note {

	background-color: #F0F0F0;

	border: solid 1px #FFF;

	border-right-color: #D6D6D6;

	border-bottom-color: #D6D6D6;

	text-align: left;

	font-size: 10px;

	color: #666;

	padding: 2px;

}

.post-note a, .post-note a:visited { color: #666; text-decoration: none; }

.post-note a:hover, .post-note a:active { color: #FF1010; text-decoration: none; }

.post-note-delete { float: right; }

/* Form elements */
input {
	color : #586DAF;
	font: normal 11px Tahoma;
	BORDER-TOP: #8192C5 1px solid; 
BORDER-BOTTOM: #8192C5 1px solid; 
BORDER-LEFT: #8192C5 1px solid; 
BORDER-RIGHT: #8192C5 1px solid;
BACKGROUND: #F8F8F8;
}
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
دوست عزیز، فقط قسمتی که مشکل دارید، نمونه کد Css و Html آن را قرار دهید.
 

echessdesign

مدیر انجمن طراحی وب
ددود بر شما
کافیست که فقط از تکرار عکس پس زمینه چلوگیری کنید
HTML:
background: url(../forums/images/bg_copyright.gif) no-repeat;
 

Amir_Reza

Member
اقا الان کد ما اینجوری میشه دیگه ولی فایده ای نکرد چی کار کنم!

/* footer */

#copyright {

padding: 7px;

text-align: center;

background: url(../forums/images/bg_copyright.gif) no-repeat;

font-size: 9px;

color: #808080;

height:323px;

width:766px;

}
 

Amir_Reza

Member
اون کاری رو که گفتید انجام دادم شکل زیر:
background: url(../forums/images/bg_copyright.gif) no-repeat;

ولی بازم همون مشکل هست چندتا نشون میده!!!!

ببیند من درست قرار دادم؟

#copyright {

padding: 7px;

text-align: center;

background: url(../forums/images/bg_copyright.gif) no-repeat;

font-size: 9px;

color: #808080;

height:323px;

width:766px;

}
_______________
 

echessdesign

مدیر انجمن طراحی وب
درود یر شما
یعنی میفرمایید که بازخم عکس پس زمینه تکرار میشه؟
 

جدیدترین ارسال ها

بالا