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.

Panou Logare punBB

Pagina 4 din 5 Înapoi  1, 2, 3, 4, 5  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Panou Logare punBB

Mesaj Scris de Kevin Dum Mai 20, 2012 4:40 pm

Rezumarea primului mesaj :

Buna ziua, as dori daca se poate un cod pentru un panou de logare pentru versiunea punBB.


Ultima editare efectuata de catre BoomBoomBoom in Mier Mai 23, 2012 5:14 pm, editata de 1 ori
Kevin

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Panou Logare punBB

Mesaj Scris de Kevin Dum Mai 20, 2012 5:56 pm

Si cum pot sa fac la casuta ca atunci cand dau click sa dispara Utilizator si sa ramana goala casuta la fel si la parola.
Kevin

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Panou Logare punBB

Mesaj Scris de Omu Dum Mai 20, 2012 6:00 pm

Incearca cu:

Cod:
#password.inputbox:focus {
outline:none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;}

#username.inputbox:focus {
outline:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;}

.button2 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
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: Panou Logare punBB

Mesaj Scris de Hdy Dum Mai 20, 2012 6:00 pm

Cod:

            jQuery(document).ready(function() {
            jQuery('.logo-image').before('<!-- BEGIN switch_user_logged_out -->
            <div class="casuta-logare"><form id="ddlogin" action="/login.forum" method="post">
                <dl>
                <dd><input type="text" tabindex="1" name="username"
            id="username" size="20" maxlength="40" value="" class="inputbox"
            /></dd>
                </dl>
                <dl>

            <div class="spatiu"></div>
       
                <dd><input type="password" tabindex="2" id="password"
            name="password" value="" size="20" maxlength="25" class="inputbox"
            /></dd>
                </dl>
                <dl>
         
            <dd><label for="autologin"><input type="checkbox"
            name="autologin" id="autologin" tabindex="4" class="checkbox"
            checked="checked" /> Remember me</label></dd>
                </dl>

            <div class="spatiu"></div>

                <dl>
                  <dd><input type="submit" name="login" tabindex="6" value="Conectare" class="button2" /></dd>
                </dl>
            </form></div>
            <!-- END switch_user_logged_out -->');
            });

Incearca asta
Hdy

Hdy
Membru activ

Mesaje : 505
Localizare : Tomania
Data înscrierii : 12/11/2011
Mulțumiri : 0
Internet Explorer phpBB2

http://webb-tags.forumgratuit.ro/forum
Hdy a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Panou Logare punBB

Mesaj Scris de Kevin Dum Mai 20, 2012 6:03 pm

Omu codul tau l-am inlocuit cu
Cod:
#password.inputbox {
border-radius: 8px;}

#username.inputbox {
border-radius: 8px;}
si daca pun codul tau ramane ca si la inceput.
Kevin

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Panou Logare punBB

Mesaj Scris de Omu Dum Mai 20, 2012 6:06 pm

Cod:

            jQuery(document).ready(function() {
            jQuery('.logo-image').before('<!-- BEGIN switch_user_logged_out -->
        <div class="casuta-logare"><form id="ddlogin" action="/login.forum" method="post">
                <dl>
                <dd><input  onclick="if (this.value == 'Nume de utilizator') this.value = '';" onblur="if (this.value == '') this.value = 'Nume de utilizator';"  type="text" tabindex="1" name="username"
            id="username" size="20" maxlength="40" value="Nume de utilizator" class="inputbox"
            /></dd>
                </dl>
                <dl>

            <div class="spatiu"></div>
     
                <dd><input onclick="if (this.value == 'Parola') this.value = '';" onblur="if (this.value == '') this.value = 'Parola';"  type="password" tabindex="2" id="password"
            name="password" value="Parola" size="20" maxlength="25" class="inputbox"
            /></dd>
                </dl>
                <dl>
       
            <dd><label for="autologin"><input type="checkbox"
            name="autologin" id="autologin" tabindex="4" class="checkbox"
            checked="checked" /> Remember me</label></dd>
                </dl>

            <div class="spatiu"></div>

                <dl>
                  <dd><input type="submit" name="login" tabindex="6" value="Conectare" class="button2" /></dd>
                </dl>
            </form></div>
            <!-- END switch_user_logged_out -->');
            });
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: Panou Logare punBB

Mesaj Scris de Kevin Dum Mai 20, 2012 6:10 pm

Deci trebuie sa inlocuiesc codul actual din Javascript cu acesta iar in CSS nu mai adaug nimic ?
Kevin

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Panou Logare punBB

Mesaj Scris de Omu Dum Mai 20, 2012 6:12 pm

Scoate din CSS acele coduri :focus
si pune:
Cod:

    #password.inputbox{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;}

    #username.inputbox {
      border-radius: 3px;
      -webkit-border-radius: 3px;
    -moz-border-radius: 3px;}

    .button2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

Ar trebui sa mearga perfect.
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: Panou Logare punBB

Mesaj Scris de Kevin Dum Mai 20, 2012 6:17 pm

Am scos codurile acelea cu:

Cod:
#password.inputbox {
border-radius: 8px;}

#username.inputbox {
border-radius: 8px;}

Am adaugat acestea ce miai zis tu si codul asta din Javascript:

Cod:
jQuery(document).ready(function() {
            jQuery('.logo-image').before('<!-- BEGIN switch_user_logged_out -->
        <div class="casuta-logare"><form id="ddlogin" action="/login.forum" method="post">
                <dl>
                <dd><input  onclick="if (this.value == 'Nume de utilizator') this.value = '';" onblur="if (this.value == '') this.value = 'Nume de utilizator';"  type="text" tabindex="1" name="username"
            id="username" size="20" maxlength="40" value="Nume de utilizator" class="inputbox"
            /></dd>
                </dl>
                <dl>

            <div class="spatiu"></div>
     
                <dd><input onclick="if (this.value == 'Parola') this.value = '';" onblur="if (this.value == '') this.value = 'Parola';"  type="password" tabindex="2" id="password"
            name="password" value="Parola" size="20" maxlength="25" class="inputbox"
            /></dd>
                </dl>
                <dl>
       
            <dd><label for="autologin"><input type="checkbox"
            name="autologin" id="autologin" tabindex="4" class="checkbox"
            checked="checked" /> Remember me</label></dd>
                </dl>

            <div class="spatiu"></div>

                <dl>
                  <dd><input type="submit" name="login" tabindex="6" value="Conectare" class="button2" /></dd>
                </dl>
            </form></div>
            <!-- END switch_user_logged_out -->');
            });

si a disparut panoul.
Kevin

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Panou Logare punBB

Mesaj Scris de Omu Dum Mai 20, 2012 6:20 pm

Cod complet:

Cod:
    jQuery(document).ready(function() {
                jQuery('.logo-image').before('<!-- BEGIN switch_user_logged_out -->
            <div class="casuta-logare"><form id="ddlogin" action="/login.forum" method="post">
                    <dl>
                    <dd><input  onclick="if (this.value == 'Nume de utilizator') this.value = '';" onblur="if (this.value == '') this.value = 'Nume de utilizator';"  type="text" tabindex="1" name="username"
                id="username" size="20" maxlength="40" value="Nume de utilizator" class="inputbox"
                /></dd>
                    </dl>
                    <dl>

                <div class="spatiu"></div>
       
                    <dd><input onclick="if (this.value == 'Parola') this.value = '';" onblur="if (this.value == '') this.value = 'Parola';"  type="password" tabindex="2" id="password"
                name="password" value="Parola" size="20" maxlength="25" class="inputbox"
                /></dd>
                    </dl>
                    <dl>
         
                <dd><label for="autologin"><input type="checkbox"
                name="autologin" id="autologin" tabindex="4" class="checkbox"
                checked="checked" /> Remember me</label></dd>
                    </dl>

                <div class="spatiu"></div>

                    <dl>
                      <dd><input type="submit" name="login" tabindex="6" value="Conectare" class="button2" /></dd>
                    </dl>
                </form></div>
                <!-- END switch_user_logged_out -->');
                });

CSS complet:
Cod:

    #password.inputbox {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;}

    #username.inputbox {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;}

    input {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;}

        .casuta-logare {
        float: right;
        margin-left: -20px;
        border: 1px solid #ddd;
        padding: 5px;
        background: #fff;
        position: absolute;
        margin-top: 10px;
        border-radius : 5px;}

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: Panou Logare punBB

Mesaj Scris de Kevin Dum Mai 20, 2012 6:24 pm

Deci eu aveam inainte de a imi da aceste coduri asa:

Cod:
.spatiu {
height: 6px;}

#password.inputbox {
border-radius: 8px;}

#username.inputbox {
border-radius: 8px;}

input {
border: 3px;}

.ddlogin fieldset { border: none !important;}

.casuta-logare {
float: right;
margin-left: 1050px;
border: 0px solid #ddd !important;
padding: 5px;
background: transparent !important;
position: absolute;
margin-top: 7px;
border-radius : 5px;}

Si in Javascript:

Cod:
jQuery(document).ready(function() {
            jQuery('.logo-image').before('<!-- BEGIN switch_user_logged_out -->
            <div class="casuta-logare"><form id="ddlogin" action="/login.forum" method="post">
                <dl>
                <dd><input type="text" tabindex="1" name="username"
            id="username" size="20" maxlength="40" value="Utilizator" class="inputbox"
            /></dd>
                </dl>
                <dl>

            <div class="spatiu"></div>
       
                <dd><input type="password" tabindex="2" id="password"
            name="password" value="Parola" size="20" maxlength="25" class="inputbox"
            /></dd>
                </dl>
                <dl>
         
        <div class="spatiu"></div>

                <dl>
                  <dd><input type="submit" name="login" tabindex="6" value="Conectare" class="button2" /></dd>
                </dl>
            </form></div>
            <!-- END switch_user_logged_out -->');
            });

Si am sters acele coduri CSS si am adaugat acestea in locul lor la fel si cu cel Javascript si imi dispare panoul de logare.
Kevin

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Panou Logare punBB

Mesaj Scris de Omu Dum Mai 20, 2012 6:27 pm

Iti dispare pentru ca nu esti deconectat.
Casuta de logare fiind pusa intre:
Cod:
<!-- BEGIN switch_user_logged_out -->
si
Cod:
<!-- END switch_user_logged_out -->
Devine vizibil doar pentru vizitatori Fericit
Aplica acele coduri, si deconecteaza-te pentru a vedea efectul.
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: Panou Logare punBB

Mesaj Scris de Kevin Dum Mai 20, 2012 6:32 pm

Casuta mea de logare adica codul lam pus in Gestionarea codurilor Javascript si codul CSS in foaia de still CSS am inlocuit cu ce miai dat si mam deconectat si nimic.
Kevin

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Pagina 4 din 5 Înapoi  1, 2, 3, 4, 5  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum