1. Здраво и добредојдовте на форумот на IT.mk.

    Доколку сеуште не сте дел од најголемата заедница на ИТ професионалци и ентузијасти во Македонија, можете бесплатно да се - процесот нема да ви одземе повеќе од 2-3 минути, а за полесна регистрација овозможивме и регистрирање со Facebook и Steam.
    Сокриј

wordpress theme

Дискусија во форумот 'HTML, CSS, JavaScript, XML базирани' започната од mariomako, 28 Јули 2010.

  1. mariomako

    mariomako
    Гостин

    Здраво, проблемот е во една 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 :D)
     
  2. kuzman0v

    kuzman0v
    Gaining Experience

    598
    74
    14 Декември 2008
    Машко
    Гледаш кај е логото?
    Код:
    #logo a{ background: url(images/logo.png) no-repeat right top; height: 120px; width:225px; display: block; outline: none; text-indent: -9999px; }
    Менувај тука.
     
  3. mariomako

    mariomako
    Гостин

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


    HTML:
    #logo { margin: 25px 0 0 25px; height: 120px; width:225px; float: left; }
     
  4. B^nDIT

    B^nDIT
    Gaining Experience

    1,124
    311
    6 Февруари 2010
    Машко
    Линкот е уствари сликата , а другиот div му е „родител“ на логото. Родителот е #logo , а детето е #logo a
     
  5. mariomako

    mariomako
    Гостин


    па кое да мењам сега
     
  6. James

    James
    Intern

    336
    13
    8 Јули 2008
    Само со CSS ништо, ќе си најдеш во кодот (php/html) кој див со кое ID го држи логото и на него ќе му менуваш CSS.
     
  7. B^nDIT

    B^nDIT
    Gaining Experience

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

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

    mariomako
    Гостин


    toa i napraviv i funkcionira blagodaram mnogu B^ndite xD
     
Слични теми
  1. CyberSpic
    Одговори:
    1
    Прегледи:
    1,275
  2. Xenor
    Одговори:
    10
    Прегледи:
    1,803
  3. Martinovski
    Одговори:
    1
    Прегледи:
    898
  4. Seat
    Одговори:
    6
    Прегледи:
    1,084
  5. l1d0v1c
    Одговори:
    3
    Прегледи:
    1,784
Вчитување...

Сподели

Вчитување...