Editare background footer

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Editare background footer

Mesaj Scris de Cesar la data de Mier 10 Iul - 14:52

Oleaca de privire::
Da , stiu ca sunt cam idiot , dar va trebui sa va obisnuiti Râs !

 Acum cateva minute , Omu , in [Trebuie sa fiti inscris si conectat pentru a vedea acest link] topic mi-a dat un script pentru adaugare unei imagini in footer.Problema este ca am schimbat imaginea , dar nu se mai afiseaza in centru , ci in stanga. Am incercat sa modific "float"-ul , schimbandu-l din "left" in "none" , dar nu a mers..
  Imaginea este de aceeasi marime , dar nu stiu care este problema.Si pentru ca sunt prea lenes sa ii dau opacitatea din Photoshop , unde ar trebui sa adaug:
  

Cod:
img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}



 Dupa "#footer" sau dupa "#footer-info" ?Codul cu imaginea noua jos:



Cod:
/*Background footer*/
  #footer {
    margin-top: 0px;
    background: url(http://i.imgur.com/rb1sofq.png) no-repeat;
    width: 934px;
    height: 333px;
    }
    #footer-info {
    z-index: 3;
    line-height: 1.5em;
    width: 380px;
    text-align: left;
    top: 50px;
    position: relative;
    float: right;
    left: 0px;
    }
/*Sfarsit*/

Cesar
Membru activ

masculin

Mesaje : 3264
Varsta : 17
Data de inscriere : 13/09/2012
Multumiri : 293
Niciun avertisment

http://www.wolffighterz.com/

Sus In jos

Rezolvat Re: Editare background footer

Mesaj Scris de Omu la data de Mier 10 Iul - 15:03

Cod:
    /*Background footer*/
      #footer {
        opacity:0.4; /* OPACITATE */
        filter:alpha(opacity=40); /* OPACITATE IE */
        margin-top: 0px;
        background: url(http://i.imgur.com/rb1sofq.png) no-repeat;
        width: 934px;
        height: 333px;
        }
        #footer-info {
        z-index: 3;
        line-height: 1.5em;
        width: 380px;
        text-align: left;
        top: 50px;
        position: relative;
        float: right;
        left: 0px;
        }
    /*Sfarsit*/

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6309
Varsta : 20
Data de inscriere : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Rezolvat Re: Editare background footer

Mesaj Scris de Cesar la data de Mier 10 Iul - 15:07

La opacitate mai umblu eu , dar tot in stanga a ramas.. think , desi floatul , din cate vad in cod este setat in dreapta. drunken

Cesar
Membru activ

masculin

Mesaje : 3264
Varsta : 17
Data de inscriere : 13/09/2012
Multumiri : 293
Niciun avertisment

http://www.wolffighterz.com/

Sus In jos

Rezolvat Re: Editare background footer

Mesaj Scris de Omu la data de Mier 10 Iul - 15:10

Un mic update:
Cod:
$(document).ready(function() {
$('#wrap').after('<div id="footer" align="center"><div id="footer-info">TEXTUL TAU AICI</div></div>');
});
CSS:
Cod:
/*Background footer*/
#footer {
opacity:0.4; /* OPACITATE */
filter:alpha(opacity=40); /* OPACITATE IE */
margin-top: 0px;
margin: 0px auto !important;
background: url(http://i.imgur.com/rb1sofq.png) no-repeat;
width: 934px;
height: 333px;}

#footer-info {
z-index: 3;
line-height: 1.5em;
text-align: left;
width: 500px;
top: 50px;
position: relative;
left: 0px;}
/*Sfarsit*/

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6309
Varsta : 20
Data de inscriere : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Rezolvat Re: Editare background footer

Mesaj Scris de Cesar la data de Mier 10 Iul - 15:13

Bun mersi mult , din nou. Un singur lucru vreau sa te mai intreb.Vad ca sunt doua tipuri de opacitati , iar ca sa le schimb ar trebui sa folosesc:
 
Cod:
opacity:0.7; /* OPACITATE */
filter:alpha(opacity=70); /* OPACITATE IE */
 Sau ..? Cum mi-ai dat tu e :
Cod:
opacity:0.4; /* OPACITATE */
filter:alpha(opacity=40); /* OPACITATE IE */

Cesar
Membru activ

masculin

Mesaje : 3264
Varsta : 17
Data de inscriere : 13/09/2012
Multumiri : 293
Niciun avertisment

http://www.wolffighterz.com/

Sus In jos

Rezolvat Re: Editare background footer

Mesaj Scris de Omu la data de Mier 10 Iul - 15:17

Da, ai scris bine. A face cu ochiul

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6309
Varsta : 20
Data de inscriere : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Rezolvat Re: Editare background footer

Mesaj Scris de Cesar la data de Mier 10 Iul - 15:19

Multumesc frumos , se poate inchide topicul.
 Multumiri

Cesar
Membru activ

masculin

Mesaje : 3264
Varsta : 17
Data de inscriere : 13/09/2012
Multumiri : 293
Niciun avertisment

http://www.wolffighterz.com/

Sus In jos

Rezolvat Re: Editare background footer

Mesaj Scris de Omu la data de Mier 10 Iul - 15:21

Cu placere! Fericit

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6309
Varsta : 20
Data de inscriere : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum