Imagine jos in coltul de dreapta a forumului.
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 1 • Distribuiţi
Imagine jos in coltul de dreapta a forumului.
Uitati o imagine:
in locul acelei imagini , as dori sa fie un tabel de intampinare.
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
Re: Imagine jos in coltul de dreapta a forumului.
Adauga in css
Iar in generalitati:
- 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>
Re: Imagine jos in coltul de dreapta a forumului.
Salutare,
La codurile furnizate de loverpro14, lipseste partea de javascript.
Adaugati urmatorul cod in P.A > Module > Gestiunea codurilor javascript:
La codurile furnizate de loverpro14, lipseste partea de javascript.
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;}
});
Re: Imagine jos in coltul de dreapta a forumului.
Este prea mare !! Si codul java nu ma ajuta la nimic.
Re: Imagine jos in coltul de dreapta a forumului.
Codul javascript ajuta la afisarea continutului doar pentru vizitatori.Magnum a scris:Este prea mare !! Si codul java nu ma ajuta la nimic.
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;}
});
Re: Imagine jos in coltul de dreapta a forumului.
Tot nu arata cum vreau , mai bine zicetimi cum pun o imagine acolo jos in colt ?
Re: Imagine jos in coltul de dreapta a forumului.
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
Vizibilitate o setati pentru toate paginile.
3. Adaugati urmatorul cod in P.A>Afisare>Culori> Foaia de stil css:
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' />");
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;}
Re: Imagine jos in coltul de dreapta a forumului.
Pentru ca imaginea sa fie in dreapta adaugati in css:
- Cod:
.fixed {position: fixed;bottom: 10px;right: 10px;}
Adi.- Membru onorific
- Mesaje : 3738
Localizare : Forumgratuit
Data înscrierii : 01/08/2012
Mulțumiri : 30
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum