Подршка » Проблеми » Kako izmeniti boju footera?

  • Решено prince alex

    (@prince-alex)


    Pozdrav.

    Instalirao sam temu. I sada bih htio da izmenim boju pozadine footera.

    Gledao sam style.css i ne bih htio da šta zeznem.

    Boja je crna a ja bih htio u narandžastu da promjenim.

Посматрање 4 одговора - 1 до 4 (од укупно 4)
  • Уредник Avram

    (@avram)

    Uzmi neki color picker i vidi koja je tačno boja footera. Onda u css fajlu pronađi izameni hex vrednost te boje sa hex (ili rgb) vrednošću boje koju želiš da postaviš. Deo gde je to će verovatno sadržati reč „footer“ (primer #footer, .footer ili nešto slično). Bez adrese sajta to je najviše što mogu da ti kažem.

    Thread Starter prince alex

    (@prince-alex)

    Hajde ovako da vam olakšam

    /* = Footer/Copyright
    /*-----------------------------------------------------------------------------------*/
    #footer{
    	background:#333 url(images/footer-bg.png) repeat;
    	padding: 0 30px;
    	width: 920px;
    	margin: 0 auto;
    	margin-bottom: 20px;
    	-webkit-border-bottom-right-radius: 5px;
    	-webkit-border-bottom-left-radius: 5px;
    	-moz-border-radius-bottomright: 5px;
    	-moz-border-radius-bottomleft: 5px;
    	border-bottom-right-radius: 5px;
    	border-bottom-left-radius: 5px;
    	color: #666;
    }
    #footer a{
    	color: #999;
    	text-decoration: none;
    }
    #footer a:hover{
    	color: #f04f44;
    }
    
    /*footer widgets*/
    #footer-widget-wrap{
    	margin-bottom: -30px;
    	overflow: hidden;
    }
    #footer-left,
    #footer-middle,
    #footer-right{
    	float: left;
    	width: 280px;
    	margin-top: 30px;
    }
    #footer-right{
    }
    #footer-middle{
    	margin-left: 40px;
    	margin-right: 40px;
    }
    #footer-right{
    }
    
    .footer-widget{
    	color: #666;
    	margin-bottom: 30px;
    }
    .footer-widget h4{
    	color: #fff;
    	font-size: 12px;
    	margin: 0 0 20px;
    }
    .footer-widget li{
    	padding: 10px 0;
    	border-bottom: 1px solid #333;
    }
    .footer-widget li:first-child{
    	border-top: 1px solid #333;
    }
    
    /*flickr widget footer*/
    #footer .bizz-flickr-widget li{
    	border: 0px;
    	padding: 0px;
    }
    #footer .bizz-flickr-widget{
    	margin-right: -4px;
    }
    #footer .bizz-flickr-widget a{
    	float: left;
    	width: 57px;
    	height: 57px;
    	margin-right: 4px;
    	margin-bottom: 4px;
    	border: 5px solid #333;
    	-webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    #footer .bizz-flickr-widget a:hover{
    	border-color: #ef4034;
    }
    #footer .bizz-flickr-widget img{
    	display: block;
    	width: 57px;
    	height: 57px;
    }
    
    /*footer bottom*/
    #footer-bottom{
    	background:#212121;
    	border-top: 1px solid #000;
    	margin: 0 -30px;
    	margin-top: 30px;
    	padding: 10px 30px;
    	-webkit-border-bottom-right-radius: 5px;
    	-webkit-border-bottom-left-radius: 5px;
    	-moz-border-radius-bottomright: 5px;
    	-moz-border-radius-bottomleft: 5px;
    	border-bottom-right-radius: 5px;
    	border-bottom-left-radius: 5px;
    }
    #copyright {
    	float: left;
    	width: 820px;
        font-size: 10px;
    	color:#666;
    }
    #back-to-top{
    	width: 100px;
    	float: right;
    	text-align: right;
    }
    
    /*-----------------------------------------------------------------------------------*
    Уредник Avram

    (@avram)

    Verovatno treba da menjaš „#footer{“ i „#footer-bottom{“ delove.

    Deo:
    background:#333 url(images/footer-bg.png) repeat;

    #333 je hex vrednost neke sive nijanse ali preko nje ide slika images/footer-bg.png pa pogedaj i ta slika na šta liči.

    Deo:
    color: #666;

    „color“ je boja teksta u footeru ovde a #666 je (valjda) svetlija nijansa sive

    (#footer-bottom)

    Deo:
    background:#212121;

    Boja pozadine donjeg dela futera, tamna siva.

    Deo:
    border-top: 1px solid #000;

    Gornja ivica 1px puna linija #000 je crna boja.

    Promeni navedene hex vrednosti u one koje želiš i trebalo bi da izgleda kako si zamislio. Ipak, ovo je sve nagađanje, kao što rekoh, bez adrese sajta ne mogu ništa precizno da kažem 🙂

    Thread Starter prince alex

    (@prince-alex)

    Nisam stavio adresu jer je preko localhosta. Malo mi je jasnije ovo o čemu pričaš. Stavljam sliku umjesto adrese sajta.

    http://www.dodaj.rs/f/20/l5/3doqz1Hk/primjer.jpg

    Da li treba da mijenjam ovu sliku bg.png? Nju sam našao u folderu, pa sam razmišljao trebam li je zamjeniti sa bojom koju ja želim.

Посматрање 4 одговора - 1 до 4 (од укупно 4)
  • Тема „Kako izmeniti boju footera?„ је закључана за нове одговоре.