Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Editare background footer

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Editare background footer

Mesaj Scris de Cesar Mier Iul 10, 2013 2:52 pm

Oleaca de privire::

 Acum cateva minute , Omu , in acest 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

Cesar
Membru onorific
Membru onorific

Mesaje : 3361
Varsta : 25
Localizare : Sinaia, Prahova
Data înscrierii : 13/09/2012
Mulțumiri : 311
Google Chrome punBB

https://help.forumgratuit.ro/
Cesar a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Editare background footer

Mesaj Scris de Omu Mier Iul 10, 2013 3:03 pm

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

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Editare background footer

Mesaj Scris de Cesar Mier Iul 10, 2013 3:07 pm

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

Cesar
Membru onorific
Membru onorific

Mesaje : 3361
Varsta : 25
Localizare : Sinaia, Prahova
Data înscrierii : 13/09/2012
Mulțumiri : 311
Google Chrome punBB

https://help.forumgratuit.ro/
Cesar a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Editare background footer

Mesaj Scris de Omu Mier Iul 10, 2013 3:10 pm

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

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Editare background footer

Mesaj Scris de Cesar Mier Iul 10, 2013 3:13 pm

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

Cesar
Membru onorific
Membru onorific

Mesaje : 3361
Varsta : 25
Localizare : Sinaia, Prahova
Data înscrierii : 13/09/2012
Mulțumiri : 311
Google Chrome punBB

https://help.forumgratuit.ro/
Cesar a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Editare background footer

Mesaj Scris de Omu Mier Iul 10, 2013 3:17 pm

Da, ai scris bine. A face cu ochiul
Omu

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Editare background footer

Mesaj Scris de Cesar Mier Iul 10, 2013 3:19 pm

Multumesc frumos , se poate inchide topicul.
 Multumiri
Cesar

Cesar
Membru onorific
Membru onorific

Mesaje : 3361
Varsta : 25
Localizare : Sinaia, Prahova
Data înscrierii : 13/09/2012
Mulțumiri : 311
Google Chrome punBB

https://help.forumgratuit.ro/
Cesar a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Editare background footer

Mesaj Scris de Omu Mier Iul 10, 2013 3:21 pm

Cu placere! Fericit
Omu

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum