wordpress theme

mariomako · 28 јули 2010

Здраво, проблемот е во една wordpress тема што незнам како да направам логото да може да биде поголемо.

eve go css codot

HTML:

/*
Theme Name: PixDesign-Silver
Author: WP Theme Designer
Author URI: http://www.wpthemedesigner.com/
*/

* {margin: 0; padding: 0;}
body {text-align: center; font: 12px Verdana; color: #333333; background: #e6e6e6 url(images/container_bg.gif) repeat-y center top; }
a { text-decoration: none; color: #000; outline:none; }
img {border: 0;}

.break {	font-size: 0; width: 0; height: 0; clear: both;}
.alignleft { float: left; }
.alignright { float: right;}
.hidden { display: none;}
.noimage img {display: none;}
h2 { font-family: Myriad Pro, Arial, Helvetica; color: #333333; }

#container { background: url(images/container_bg.gif) repeat-y center top; text-align: left; width: 988px; margin: 0 auto; height: auto;}

/** BEGIN header **/
#wide-header{ background: url(images/header_bg.gif) repeat-x center top; width: auto; margin: 0 auto;}
#header {_height: 10px; height: 197px; width: 991px; margin: 0 auto; }
	#header ol { list-style-type: none; }
    #header ol li {	font-size: 0.9em; text-transform: uppercase; float: left; padding: 10px; }
    #header ol li.f { background: none; padding-left: 0;	}
	#header h1 { clear: both; font-size: 0; }
		#header h1 a { display: block; text-indent: -9999px; outline: none; background: url(images/logo.gif) no-repeat 0 0; width: 279px; height: 25px; float: left; }
		#header ul { list-style-type: none; height: 35px;}
		#header ul li { float: left; font-size: 0.9em; }
		#header ul li a { color: #000; display: block; }
		#header ul li a:hover {color: #fff;}
		
    /** Navigation **/
  #nav { list-style: none; height:35px;}
    #nav ul { margin: 0 0 0 2px; height: 35px; }
    #nav li { height: 35px;}
    #nav a { font: normal 12px Arial, Helvetica, sans-serif; color: #000; display:inline-block; float:left; padding: 10px 20px; }
    #nav a:hover{ background: url(images/nav_over_bg.gif) repeat-x center top; color: #fff;}
	

  #logo_search{ height: 157px; clear: both;}
  #logo { margin: 25px 0 0 25px; height: 120px; width:225px; float: left; }
  #logo a{ background: url(images/logo.png) no-repeat right top; height: 120px; width:225px; display: block; outline: none; text-indent: -9999px; }

  #search{ float: right; height:40px; margin: 70px 0 0 270px;}
    #search form{ background: url(images/search_bg.png) no-repeat center center; width: 430px; height: 35px; font-size: 0.9em; font: bold 11px Arial, Helvetica, Tahoma; }
    #search .date { float: left; height: 10px; width:120px; margin:10px 0 0 15px; }
    #search .s { width: 220px; margin: 10px 0 0 20px; border: none; font-size: 1em; font-family: Verdana; color: #777777; float: left; height:18px; background: none; }
    #search button{ width: 22px; height: 20px; border: 0; background: url(images/search_btn.png) no-repeat 0 0; margin: 8px 15px 0 0; text-indent: -9999px; float: right; padding:0; }
/** END header **/

/** BEGIN content **/
#main-content { text-align: left; width: 987px; margin: 0 auto; height: auto;}
#content { float: left; width: 635px; margin: 0 0 0 6px; _margin-left:0; }
	#content .latest {padding: 0 20px 10px 10px; margin: 25px 0; height: auto;}
		#content .latest img { margin: 20px 20px; border: 4px solid #5c5c5c;}
		#content .imgspace { height: 100px; width:120px; display: block;}
		#content .latest a { color: #cf7700;}
		#content .latest h2 {	font-family: Myriad Pro, Arial, Helvetica; font-size: 2em; margin: 5px 10px; clear: both; width: auto;}
		#content .latest p { font-size: 0.9em; margin: 10px 0; line-height: 1.4em; width: auto; }
		
	#content .l { width: 310px; _width: 269px; float: left; padding: 0 10px 10px 0; }
		#content .l .post { font-size: 0.9em; padding-top: 10px; }
		#content .l .post h2 { font-size: 2em;  text-transform: uppercase; padding: 5px 10px; float: left;}
		#content .l .post h2 a { color: #313131; font-family: Myriad Pro, Arial, Helvetica;}
		#content .l .post h3 { clear: both; font-size: 13px; width: 100%; padding: 0 10px;}
		#content .l .post h3 a{ color: #cf7700}
		#content .l .post img { float: left; margin: 10px 10px 5px 10px; width: 100px; border: 4px solid #5c5c5c;}
		#content .l .post p { padding: 5px 10px; line-height: 1.4em;}
		
	#content .r { width: 299px; float: right; padding-left:0px; margin-right:10px; _margin-right:0;}
		#content .r .post { font-size: 0.9em;	 padding-top: 10px;}
		#content .r .post h2 { font-size: 2em;  text-transform: uppercase; padding: 5px 10px; float: left; }
		#content .r .post h2 a { color: #313131; font-family: Myriad Pro, Arial, Helvetica; }	
		#content .r .post h3 { clear: both; font-size: 13px; width: 100%; padding: 0 10px;}
		#content .r .post h3 a{ color: #cf7700}
		#content .r .post img { float: left; margin: 10px 10px 5px 10px; width: 100px; border: 4px solid #5c5c5c;}
		#content .r .post p { padding: 5px 10px; line-height: 1.4em;}
		
	#content .postnav { padding: 20px 0; clear: both;}
	#content .postnav ul { list-style-type: none; border: 0;}
		#content .postnav ul li { float: left; border: 1px solid #cccccc;margin: 2px; font-size: 0.9em;}
		#content .postnav ul li a { display: block; border: 0 !important;padding: 5px;}
		#content .postnav ul li a:hover { background-color: #007AAA; color: #ffffff;	}
		#content li.page_info { padding: 5px !important;}
		
  #content .fwrapper {	background-color: #F2F2F1; padding:0; border: 5px solid #2b2b2b; margin:18px; }
	#featured { overflow: hidden; width: 589px; height: 308px; }
		#content .featured img { width: 589px; }
		#content .featured { overflow: hidden; position: relative; width: 589px; height: 308px; overflow: hidden; }
		#content .featured .text {}
		#content .featured-img {}
		#content .featured-img .text h2 { font-size: 1.3em; color: #000; background-image: none; margin-bottom: 4px; padding: 0; }
		#content .featured-img .text h2 a { color: #000; font-weight: bold; text-transform: none; text-decoration: none; }
		#content .featured-img .text p { line-height: 1.4em; font-size: .9em; color: #000; padding-bottom: 10px; }
		#content .featured-img .text .next { color: #000; font-weight: bold; font-size: 0.8em; text-transform: uppercase; }
		#content .featured-img .text .continue:hover { text-decoration: none;	}
		#content .featured .photo { list-style-type: none; }
		#content .photo li { position: absolute; top: 0; left: 0; z-index: 0; }
		#content .photo li.first { z-index: 2;	}
		#content .featured .text { list-style-type: none;	}
		#content .featured .text li { width: 569px; height: auto; position: absolute; bottom:-589px; left:0; padding: 10px; color: #ffffff; font-family: Verdana; background: url(images/shade.png) repeat 0 0; z-index: 4; }
		#content .featured .text li.first { bottom:0; }
		
/** END content **/

/** BEGIN sidebar **/
#sidebar { float: right; width: 340px; margin: 0 2px 10px 0; padding-top:10px; }
	
  #sidebar .cutting_line{ margin-bottom:15px; background: url(images/cutting_line.gif) repeat-x top left; height: 3px; }
  
	#sidebar .social { background: url(images/newsletter_bg.gif) repeat-x center top; margin:0; height: 65px; padding-top:15px; }
	#sidebar .social h3 { width:auto; font: bold 18px Myriad Pro, Arial, Helvetica; color:#000; text-transform: uppercase; }

	#sidebar .rss a { width:auto; font-size: 11px; color: #555555; }
	#sidebar .rss a:hover { color:#b88d00; }
  #sidebar .rss .rss_icon { background: url(images/rss-icon.png) no-repeat center center; width: 54px; height: 56px!important; margin:0 5px 0 15px; }

	#sidebar .newsletter .email { float: left; margin: 3px 0 0 0; width: 147px;  border: 1px solid #b5b5b5; height: 17px; color:#808080; font-family:times new roman; font-size:14px; padding:5px; }
	#sidebar .newsletter .submit{ background: url(images/subscribe_btn.gif) no-repeat center; float: left; width: 75px; height: 29px; margin:3px 0 0 -1px; text-indent: -9999px; border: 0; background-color: transparent;}
  #sidebar .newsletter .news_icon { background: url(images/email-icon.png) no-repeat center center; width: 54px; height: 56px!important; margin:0 5px 0 15px; }
		
	#sidebar .video { background: #fff; border: 1px solid #afafaf; padding: 6px; width: 292px; margin: 0 auto 10px;}

  #sidebar .head { background: #fff; height: 132px; width: 324px; margin: 10px auto 0; border: 1px solid #afafaf;}
	#sidebar .head h2 { font-size: 0.9em; width: 300px; color: #fff; margin: 0 0 0 20px; height:20px; }
	#sidebar .head .subscribe{ background: url(images/sub_bg.gif) repeat-x  center top; height: 77px; }
	#sidebar .head .rss { font-size: 0.9em; margin:0; padding:0;	background:url(images/rss.gif) no-repeat 0 0; border:1px solid #000; }
	#sidebar .head form { margin: 0 auto; }
  
	#sidebar .body { background: #fff; border: 1px solid #afafaf; padding: 10px; margin-bottom: 10px; width: 302px; margin: 0 auto;}
	#sidebar .body script { padding: 0; margin: 0; }
	#sidebar .body img {}
		#sidebar .body a { color: #333333; }
		#sidebar .body a:hover { color: #fff;}
		#sidebar .tabs { height:250px; }
	
	#sidebar .flickr-whitebg { background: #fff; border: 1px solid #afafaf; padding: 10px; width: 302px; height: 225px; margin: 0 auto 10px; }
	#sidebar .whitebg { background: #fff; border: 1px solid #afafaf; padding: 10px; margin-bottom: 10px; width: 302px; height: auto; margin: 0 auto;}
	
	.flickr {margin: 0 0 0 10px;} 
	.flickr a{ float: left; border: 6px solid #e0e0e0; margin: 4px; } 
	
	#sidebar ul.head { list-style-type: none; border: 1px solid #cccccc; border-width: 1px 1px 0 0; height: 30px;}
		#sidebar ul.head li { float: left; text-transform: uppercase; font-weight: bold; border-left: 1px solid #cccccc;}
		#sidebar ul.head li a { color: #343434; display: block;	padding: 8px 5px 8px 8px; }
		#sidebar ul.head li a:hover {}
	#sidebar ul.body { clear: both; list-style-type: none; border: 1px solid #cccccc;	padding: 10px; margin-bottom: 10px;}
		#sidebar ul.body li { font-size: 0.9em; border-bottom: 1px dotted #313131; padding: 6px 0;}
		#sidebar ul.body li a { color: #323232;}
		#sidebar ul.body li a:hover { font-weight: bold; color: #006490;}
	#sidebar .l { width: 130px; margin-left: 10px;  _margin-left: 0; padding:0; display:inline-block; vertical-align:top; float:left; }
	#sidebar .r { width: 130px; margin-right: 10px; padding:0; display:inline-block; vertical-align:top; float:right; }
		#sidebar .l h2, #sidebar .r h2 { font-family: Myriad Pro, Arial, Times New Roman; color: #333333; font-size: 1.5em; text-transform: uppercase; padding: 5px 0;}
		#sidebar .l ul, #sidebar .r ul { list-style-type: none; margin-bottom: 20px;}
		#sidebar .l ul li, #sidebar .r ul li {	font-size: 0.9em; border-bottom: 1px dotted #353535; padding: 6px 0;}
		#sidebar .l ul li a, #sidebar .r ul li a { color: #363636;}
/** END sidebar **/

/** BEGIN footer **/
#footer { background: url(images/footer_bg.gif) repeat-x center top; width: auto; height: 436px; clear: both; border: 1px solid #000; font-size: 11px;  color:#939393;  text-align: left; }
  .footer_con {float: left; width: 314px; margin: 0 10px; _margin:0 8px; height: 200px;}
  .footer_round2{ background: #101010; height: 258px; }
  .footer_con h4{ background: url(images/dotted.gif) no-repeat center bottom; padding: 15px 0 10px; margin: 0 20px;  font-size: 20px; font-family: Mryiad Pro, Arial, Tahoma, Verdana; text-align: left; color: #fff;}
  .footer_con strong { font-size: 107%; font-weight: bold;  }
  #footer ul { font-size: 12px; line-height: 110%; list-style: none; margin:0; padding: 0; }
  #footer ul li { list-style: none; background: url(images/bullets_icon.jpg) no-repeat center left; margin: 5px 5px 0 18px; padding: 0 10px; line-height:15px; text-align:left; }
  #footer ul li a { margin:0; padding:0; line-height:15px; }
  #footer ul li ul li{ padding: 0px; margin:0; }
  #footer a strong, #footer a{ color: #fff; }
  #footer a:hover { color: #555; }
  #footer_content { width: 1005px; height: 300px; margin: 20px auto 0;}
  
  #footer .about_us { color:#939393; font-size:11px; }
  #footer .about_us  p{ text-align: left; font-size:11px; font-family: Arial, Verdana; margin: 10px 0 10px 20px; width: 265px;}
    
/* Credits */
#credits {font-size: 10px; height: 50px; margin: 10px auto 0; padding:15px 0; width: 930px; text-align: center; clear: both; color: #2b2b2b; }
	#credits a { color: #2b2b2b; font-weight: bold; }
	#credits a:hover {}
	#credits .ads_copyright { text-align: left; float: left; font-size:10px; }		
	#credits .ads_copyright p, #credits .ads_copyright p a { font-weight:normal; }		
	#credits .entries { color: #000; text-align: left; float: right; }		
	#credits .entries a{ margin-right:20px; }		
	#credits .entries .loginout {padding-left:17px; background: url(images/mini-loginout.gif) no-repeat; }
	#credits .entries .rss {padding-left:17px; background: url(images/mini-rss.gif) no-repeat; }

/** END footer **/

/** BEGIN miscellaneous **/
#content .single ul { margin: 0 0 10px 18px;}
#content .single ol { margin: 0 0 10px 20px;}
	#content .single li {padding: 2px 0; line-height: 1.4em;}
	#content .single h3 {	margin-bottom: 5px;	font-size: 1.4em; font-size: 1.5em; font-weight: normal;}
	#content .single blockquote { padding: 20px 20px 10px; margin: 10px 0; background-color: #f3f3f3; border-width: 1px 0; border-color: #dddddd; border-style: solid; color: #9e9e9e; line-height: 1.4em;}
	.single .details { padding: 20px 0;}
	.single .details p { margin-bottom: 5px !important;}
#comments { padding: 0 20px 50px; font-size: 0.9em;}
	#comments h2 { margin: 10px 0; font-size: 1.5em;}
	#comments p { margin-bottom: 10px; line-height: 1.5em;}
	#comments form { padding-top: 20px;}
	#comments form p {	margin-bottom: 5px;}
	#comments .commentauthor, 
  #comments .commentauthor a { display:block; color: #CF7700; font-weight: bold; font-size:12px; line-height: 15px; }
	#comments .commentdate { display:block; font-size: 11px; margin-bottom: 5px; color: #555555}
  #comments .comment_text { width:500px; margin-top:15px; }
	.required { color: #ff0000;}
	#respond { padding-top: 20px;}
	.comment1 { border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px;}
	.commentdetails { float: left;}
	.gravatar { float: right; border:4px solid #fff; }
	h2.title { padding: 20px; font-size: 0.9em; font-weight: normal; text-transform: uppercase; color: #909090;}
.archive { clear: both; font-size: 0.9em; padding: 10px; border: 1px solid #cccccc; margin: 0 0 10px 10px;}
	.archive h2 { font-size: 1.6em; font-weight: normal; padding-bottom: 10px;}
	.archive h2 a {}
	.archive img { float: left; height: 100px; margin: 5px 10px 5px 0; border: 4px solid #5c5c5c; }
	.archive p { margin-bottom: 10px; line-height: 1.5em;}
/** END miscellaneous **/

.notfound{ margin: 0 0 0 20px;}

.leftalign{float: left; padding: 0;}

ako mislite na ovaa da se zameni

HTML:

#logo { margin: 25px 0 0 25px; height: 120px; width:225px; float: left; }

se lazete bidejki ako samo toa go mrdnam mi se mrdnuva se dolu znaci site postovi

eve za koja tema stanuva zbor

http://southpark-mkd.webege.com/

(imav registiran host pa bidejki planovite propadnaa sega si testiram wp temi na nego

)

kuzman0v · 28 јули 2010

Гледаш кај е логото?

Код:

#logo a{ background: url(images/logo.png) no-repeat right top; height: 120px; width:225px; display: block; outline: none; text-indent: -9999px; }

Менувај тука.

mariomako · 28 јули 2010

kuzman0v напиша:
Гледаш кај е логото?

Код:

#logo a{ background: url(images/logo.png) no-repeat right top; height: 120px; width:225px; display: block; outline: none; text-indent: -9999px; }

Менувај тука.

тогаш зошто е оваа

HTML:

#logo { margin: 25px 0 0 25px; height: 120px; width:225px; float: left; }

B^nDIT · 28 јули 2010

Линкот е уствари сликата , а другиот div му е „родител“ на логото. Родителот е #logo , а детето е #logo a

mariomako · 28 јули 2010

B^nDIT напиша:
Линкот е уствари сликата , а другиот div му е „родител“ на логото. Родителот е #logo , а детето е #logo a

па кое да мењам сега

James · 28 јули 2010

Само со CSS ништо, ќе си најдеш во кодот (php/html) кој див со кое ID го држи логото и на него ќе му менуваш CSS.

B^nDIT · 28 јули 2010

James напиша:
Само со CSS ништо, ќе си најдеш во кодот (php/html) кој див со кое ID го држи логото и на него ќе му менуваш CSS.

Нема врска... Прво,немора да е ID - може да биде класа или обичен таг. Второ,тоа си има единствен id и ништо не треба да се менува. Без навреда,ама тој веќе посочил постоечка страница со се код.

Што се однесува,кој див што држи,јас убаво му објаснив. Само треба да го смени делот кај #logo a

mariomako · 29 јули 2010

B^nDIT напиша:
Нема врска... Прво,немора да е ID - може да биде класа или обичен таг. Второ,тоа си има единствен id и ништо не треба да се менува. Без навреда,ама тој веќе посочил постоечка страница со се код.

Што се однесува,кој див што држи,јас убаво му објаснив. Само треба да го смени делот кај #logo a

toa i napraviv i funkcionira blagodaram mnogu B^ndite xD

wordpress theme

mariomako

Гостин

kuzman0v

lurker

mariomako

Гостин

B^nDIT

user

mariomako

Гостин

James

hello world

B^nDIT

user

mariomako

Гостин

Нови мислења

Последни теми

Офтопик

Последни огласи

ит маркет