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.

Imagine jos in coltul de dreapta a forumului.

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Peter Mar Oct 22, 2013 1:51 pm

Uitati o imagine:

Imagine jos in coltul de dreapta a forumului. 105p3td in locul acelei imagini , as dori sa fie un tabel de intampinare.


Ultima editare efectuata de catre Magnum in Joi Oct 24, 2013 8:24 pm, editata de 2 ori
Peter

Peter
Membru activ

Mesaje : 541
Varsta : 24
Localizare : Bihor
Data înscrierii : 29/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://lolgames.forumer.ro/
Peter a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de loverpro14 Mar Oct 22, 2013 2:32 pm

Adauga in css

Cod:
#etWelcome {
position: fixed;
background: #000;
border-radius: 3px;
width: 250px;
bottom: 0;
right: 10px;
text-align: left;
color: white;
padding: 5px;
}

#etRight {
float: right;
background: red;
color: black;
padding: 2px;
border-radius: 4px;
}

Iar in generalitati:
Cod:
<div id="etWelcome"><span id="etRight">x</span><p>Welcome To Extrem-Tutorials</p></div>
loverpro14

loverpro14
Membru Forumgratuit

Mesaje : 145
Varsta : 25
Localizare : Bucuresti
Data înscrierii : 24/11/2011
Mulțumiri : 5
Internet Explorer phpBB2

http://hdro.forumz.ro
loverpro14 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Peter Mar Oct 22, 2013 5:21 pm

Nu merge.
Peter

Peter
Membru activ

Mesaje : 541
Varsta : 24
Localizare : Bihor
Data înscrierii : 29/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://lolgames.forumer.ro/
Peter a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Zeus Mar Oct 22, 2013 6:11 pm

Salutare,

La codurile furnizate de loverpro14, lipseste partea de javascript. Fericit 

Adaugati urmatorul cod in P.A > Module > Gestiunea codurilor javascript:
Cod:
$(function() {
    $('.members').hide();
    $('#etWelcome').hide();
    if ($("a#logout").length){
    $('.members').show();
    }
    else{
    $('#etWelcome').show();
    return;}
    });
Bifati vizbilitatea pentru prima pagina si apasati pe validare.
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Peter Mier Oct 23, 2013 1:48 pm

Este prea mare !! Si codul java nu ma ajuta la nimic.
Peter

Peter
Membru activ

Mesaje : 541
Varsta : 24
Localizare : Bihor
Data înscrierii : 29/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://lolgames.forumer.ro/
Peter a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Zeus Mier Oct 23, 2013 2:18 pm

Magnum a scris:Este prea mare !! Si codul java nu ma ajuta la nimic.
Codul javascript ajuta la afisarea continutului doar pentru vizitatori.

Adaugati urmatorul cod in gestiunea codurilor javascript:
Cod:
document.write('<div id="etWelcome" style="position: fixed;background: #000;border-radius: 3px;width: 250px;bottom: 10px;right: 10px;text-align: left;color: white;padding: 5px;opacity: 0.8;box-shadow: 0px 0px 2px black;font-family: Arial;font-size: 12px;">Bine ai venit vizitatorule, este necesar sa ai cont pe acest forum pentru a vizualiza tot forumul.</div>');

document.write('<div id="etWelcometwo" style="position: fixed;background: #000;border-radius: 3px;width: 250px;bottom: 10px;right: 10px;text-align: left;color: white;padding: 5px;opacity: 0.8;box-shadow: 0px 0px 2px black;font-family: Arial;font-size: 12px;">Bine ai venit pe forum</div>');


$(function() {
    $('#etWelcometwo').hide();
    $('#etWelcome').hide();
    if ($("a#logout").length){
    $('#etWelcometwo').show();
    }
    else{
    $('#etWelcome').show();
    return;}
    });
Bifati paginile pe care doriti sa fie afisat si apasati pe validare  .
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Peter Mier Oct 23, 2013 4:29 pm

Tot nu arata cum vreau , mai bine zicetimi cum pun o imagine acolo jos in colt ?
Peter

Peter
Membru activ

Mesaje : 541
Varsta : 24
Localizare : Bihor
Data înscrierii : 29/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://lolgames.forumer.ro/
Peter a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Zeus Mier Oct 23, 2013 7:59 pm

Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Zink Mier Oct 23, 2013 8:01 pm

Scz rylled ca am luat acest fragment !
Pentru afisarea pe toate paginile, urmati pasii de mai jos:

1. Eliminati imaginea actuala din locatia unde ati adaugato.
2. Adaugati urmatorul cod in P.A>Module>Gestiunea codurilor javascript > Creati un nou javascript
Cod:
document.write("<img class='fixed' src='http://i57.servimg.com/u/f57/15/42/26/78/ironma10.png' />");
Inlocuiti https://i.servimg.com/u/f57/15/42/26/78/ironma10.png cu imaginea dorita.

Vizibilitate o setati pentru toate paginile.
3. Adaugati urmatorul cod in P.A>Afisare>Culori> Foaia de stil css:

Cod:
.fixed {position: fixed;bottom: 0px;left: 0px;}
Zink

Zink
Membru Forumgratuit

Mesaje : 158
Varsta : 23
Data înscrierii : 31/07/2013
Mulțumiri : 6
Internet Explorer punBB

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

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Zeus Joi Oct 24, 2013 1:53 pm

Pentru ca imaginea sa fie in dreapta adaugati in css:

Cod:
.fixed {position: fixed;bottom: 10px;right: 10px;}
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Peter Joi Oct 24, 2013 8:25 pm

Mersi Foarte fericit 
Peter

Peter
Membru activ

Mesaje : 541
Varsta : 24
Localizare : Bihor
Data înscrierii : 29/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://lolgames.forumer.ro/
Peter a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Imagine jos in coltul de dreapta a forumului.

Mesaj Scris de Adi. Vin Oct 25, 2013 3:21 pm

topic rezolvat 
Adi.

Adi.
Membru onorific
Membru onorific

Mesaje : 3738
Localizare : Forumgratuit
Data înscrierii : 01/08/2012
Mulțumiri : 30
Google Chrome phpBB3

Adi. 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