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 la data de Mar 22 Oct - 13:51

Uitati o imagine:

in locul acelei imagini , as dori sa fie un tabel de intampinare.


Ultima editare efectuata de catre Magnum in Joi 24 Oct - 20:24, editata de 2 ori

Peter
Membru activ

masculin

Mesaje : 543
Varsta : 17
Localizare : Bihor
Data de inscriere : 29/07/2013
Multumiri : 0
Niciun avertisment

http://lolgames.forumer.ro/

Sus In jos

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

Mesaj Scris de loverpro14 la data de Mar 22 Oct - 14:32

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
Membru Forumgratuit

masculin

Mesaje : 146
Varsta : 18
Localizare : Bucuresti
Data de inscriere : 24/11/2011
Multumiri : 5
Niciun avertisment

http://hdro.forumz.ro

Sus In jos

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

Mesaj Scris de Peter la data de Mar 22 Oct - 17:21

Nu merge.

Peter
Membru activ

masculin

Mesaje : 543
Varsta : 17
Localizare : Bihor
Data de inscriere : 29/07/2013
Multumiri : 0
Niciun avertisment

http://lolgames.forumer.ro/

Sus In jos

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

Mesaj Scris de Zeus la data de Mar 22 Oct - 18:11

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
Administrator
Administrator

masculin

Mesaje : 3915
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 599
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

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

Mesaj Scris de Peter la data de Mier 23 Oct - 13:48

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

Peter
Membru activ

masculin

Mesaje : 543
Varsta : 17
Localizare : Bihor
Data de inscriere : 29/07/2013
Multumiri : 0
Niciun avertisment

http://lolgames.forumer.ro/

Sus In jos

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

Mesaj Scris de Zeus la data de Mier 23 Oct - 14:18

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
Administrator
Administrator

masculin

Mesaje : 3915
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 599
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

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

Mesaj Scris de Peter la data de Mier 23 Oct - 16:29

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

Peter
Membru activ

masculin

Mesaje : 543
Varsta : 17
Localizare : Bihor
Data de inscriere : 29/07/2013
Multumiri : 0
Niciun avertisment

http://lolgames.forumer.ro/

Sus In jos

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

Mesaj Scris de Zeus la data de Mier 23 Oct - 19:59

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Zeus
Administrator
Administrator

masculin

Mesaje : 3915
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 599
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

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

Mesaj Scris de Zink la data de Mier 23 Oct - 20:01

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 [Trebuie sa fiti inscris si conectat pentru a vedea acest link] 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
Membru Forumgratuit

masculin

Mesaje : 158
Varsta : 15
Data de inscriere : 31/07/2013
Multumiri : 6
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

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

Mesaj Scris de Zeus la data de Joi 24 Oct - 13:53

Pentru ca imaginea sa fie in dreapta adaugati in css:

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


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Zeus
Administrator
Administrator

masculin

Mesaje : 3915
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 599
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

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

Mesaj Scris de Peter la data de Joi 24 Oct - 20:25

Mersi Foarte fericit 

Peter
Membru activ

masculin

Mesaje : 543
Varsta : 17
Localizare : Bihor
Data de inscriere : 29/07/2013
Multumiri : 0
Niciun avertisment

http://lolgames.forumer.ro/

Sus In jos

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

Mesaj Scris de Adi. la data de Vin 25 Oct - 15:21

topic rezolvat 

Adi.
Membru onorific
Membru onorific

masculin

Mesaje : 3749
Localizare : Forumgratuit
Data de inscriere : 01/08/2012
Multumiri : 30
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum