Acum este: 16.06.19 6:39

4 rezultate gasite pentru 369fcf

Conexiune rapidă pe toate paginile

Conexiune rapidă de tip pop-up


Acest tutorial oferă posibilitatea deschiderii unui pop-up clic pe orice legătură de conexiune. Formularul de autentificare este disponibil fără o modificare a paginii (faceți clic pe previzualizarea de mai jos pentru a mări).
Tag 369fcf pe Forum gratuit: forum de suport al utilizatorilor GhBpEIo

Crearea de scripturi



Panoul de administrare  Module  HTML și Javascript  managementul codului JavaScript
Gestionarea codurilor javascript trebuie să fie activată.

Creați un script nou pe care îl veți activa pe toate paginile și introduceți acest cod:
Cod:
$(function() {
    if (_userdata["session_logged_in"] == "0") {
        /* PERSONNALISATION DES TEXTES */
        var txt_username = "Nom d'utilisateur",
            txt_password = "Mot de passe",
            txt_login = "Connexion",
            txt_remember = "Rester connecté(e)",
            txt_guest = "Pas encore inscrit(e) ?",
            txt_create = "Créez un compte",
            txt_lost = "Mot de passe perdu ?",
            txt_recover = "Récupérez-le";
        /* FIN DE PERSONNALISATION - Ne rien modifier ci-après */
 
        $('body').prepend('<div id="quickloginform_overlay" style="display:none;z-index:2147483647"></div><div id="quickloginform" style="display:none;z-index:2147483647"><form id="fa-login-form" class="login-form" name="form_login" method="post" action="/login"><input type="text" maxlength="40" name="username" placeholder="' + txt_username + '" required=""><input type="password" maxlength="32" name="password" placeholder="' + txt_password + '" required=""><button name="login">' + txt_login + '</button><label><p>' + txt_remember + ' <input type="checkbox" style="vertical-align: middle;" name="autologin"></p></label><p style="float:left; text-align:left;">' + txt_guest + '<br><a href="/register">' + txt_create + '</a></p><p style="float:right; text-align:right;">' + txt_lost + '<br><a href="/profile?mode=sendpassword">' + txt_recover + '</a></p><div style="clear:both;"></div><input name="redirect" value="' + window.location.pathname + '" type="hidden"></form></div>');
 
        $('a[href*="/login"]').click(function() {
            $('#quickloginform, #quickloginform_overlay').fadeIn();
            $('#quickloginform input[name="username"]').focus();
            return false;
        });
 
        $(document).click(function(e) {
            if ($(e.target).closest('#quickloginform form').length === 0) {
                $('#quickloginform, #quickloginform_overlay').fadeOut();
            }
        });
        $(document).keyup(function(e) {
            if (e.keyCode == 27) {
                $('#quickloginform, #quickloginform_overlay').fadeOut();
            }
        });
    }
});


Personalizarea scriptului



Toate textele pot fi personalizate în prima parte a scriptului:
Cod:
        var txt_username = "Nom d'utilisateur",
            txt_password = "Mot de passe",
            txt_login = "Connexion",
            txt_remember = "Rester connecté(e)",
            txt_guest = "Pas encore inscrit(e) ?",
            txt_create = "Créez un compte",
            txt_lost = "Mot de passe perdu ?",
            txt_recover = "Récupérez-le";


Inserați CSS



Pentru a da o imagine ca cea vazuta anterior, trebuie sa adaugati stilul.
Panou de administrare  Afisare  Culori  Foaie de stil

Adăugați acest cod:
Cod:
#quickloginform_overlay {
   background-color:#333;
   height:100%;
   left:0;
   opacity:0.7;
   position:fixed;
   top:0;
   width:100%;
}
#quickloginform {
   height:100%;
   position:fixed;
   top:20%;
   width:100%;
}
#quickloginform>form {
   background-color:#fff;
   box-sizing:border-box;
   margin:auto;
   padding:20px 30px;
   width:360px;
   border-radius:3px;
}
#quickloginform input[type="password"],#quickloginform input[type="text"] {
   background:#f2f2f2 none repeat scroll 0 0;
   border:0 none;
   box-sizing:border-box;
   font-family:"Helvetica";
   font-size:14px;
   margin:0 0 15px;
   outline:0 none;
   padding:15px;
   width:100%;
}
#quickloginform button {
   background-color:#369fcf;
   border:0 none;
   color:#ffffff;
   cursor:pointer;
   font-family:"Helvetica";
   font-size:14px;
   outline:0 none;
   padding:15px;
   text-transform:uppercase;
   width:100%;
}
#quickloginform p:nth-child(n) {
   margin-bottom:0;
   margin-top:20px;
   text-align:center;
}
#quickloginform form p {
   color:#b3b3b3;
   font-size:11px;
}
#quickloginform form a {
   color:#2b86b3;
   text-decoration: none;
}

Puteți schimba aspectul acestui formular de autentificare după cum doriți. Implicit, culoarea butonului de conectare este: #369fcf. Acesta poate fi modificat pe linia 38 a codului anterior.

Acest truc este acum funcțional. Puteți să-l testați prin deconectarea de pe forum și făcând click pe butonul de conectare.

Unele observații tehnice:

  • Formularul se deschide făcând click pe orice legătură de conexiune, indiferent dacă este inclusă în bara de navigare sau în altă parte,


  • Formularul se închide fie făcând click oriunde în afara formularului, fie apăsând tasta "Esc"


  • După ce v-ați conectat, utilizatorul este automat returnat la pagina pe care a fost înainte de a fi conectat.



Scris de mihai
la data de 26.09.18 20:49
 
Cauta in: Tutoriale
Subiect: Conexiune rapidă pe toate paginile
Raspunsuri: 0
Vizualizari: 879

Cerere Imagine

Tipul de imagine: -
Marimea imaginii (in pixels): 130x130
Cu sau fara animatie: fără
Culoarea de fundal: #369fcf
Imagine/i link/s: https://7img.net/users/2513/71/04/52/avatars/62-45.png
Textul dorit: mihai, și înloc de acel paint, să fie acel ring (nu că aș face parte din echipă, dar l-aș vrea deoarece ofer suport)
Culoare/i font: #369fcf
Link-ul forumului dumneavoastra: http://fgsuport.forumgratuit.ro/
Numele dvs. in cadrul forumului: mihai
Informatii suplimentare: -
Scris de mihai
la data de 21.12.17 22:23
 
Cauta in: Cereri rezolvate
Subiect: Cerere Imagine
Raspunsuri: 5
Vizualizari: 578

Cerere editare imagine

Tipul de imagine: staff?
Marimea imaginii (in pixels): 130x130
Cu sau fara animatie: fără
Culoarea de fundal: #369fcf
Imagine/i link/s: https://7img.net/users/2513/71/04/52/avatars/62-46.png
Textul dorit: Mihai
Culoare/i font: #369fcf (nu știu ce font e)
Link-ul forumului dumneavoastra:
Numele dvs. in cadrul forumului: http://fgsuport.forumgratuit.ro/ (adresa a fost schimbată, deoarece petronel vrea să facă teste..)
Informatii suplimentare: -
Scris de mihai
la data de 11.12.17 18:43
 
Cauta in: Cereri rezolvate
Subiect: Cerere editare imagine
Raspunsuri: 3
Vizualizari: 380

Casute quote,code,spoiler & hide ca pe forumgratuit

Păi puteți să le personalizați cum doriți, modificați la border: 1px solid {#}369FCF{/#}; culoarea cu oricare doriți pentru chenar, iar la color: black; culoarea textului, cu coduri hex https://help.forumgratuit.ro/t15-coduri-culori

Mai jos aveți ceva cât de cât asemănător cu cea de pe suport.
Cod:
dl.codebox {
  padding: 4px;
  background: #fff;
  border: 1px solid #369FCF;
  border-left-width: 3px;
}
dl.codebox dd,
dl.codebox .spoiler_content {
  border: 0;
  background: transparent;
  color: black;
}
Scris de Vizitator
la data de 31.12.14 19:07
 
Cauta in: Arhiva probleme privind designul forumurilor
Subiect: Casute quote,code,spoiler & hide ca pe forumgratuit
Raspunsuri: 11
Vizualizari: 461

Sus

Mergi direct la: