fraNNNta-Design

Bine a-ti venit pe fraNNNta-Design
conectarecreaza cont



Popup Conectare stil IPB

Distribuiţi
mihai OnlineOffline
avatar
Rank: Membru
Respect : 75%
Mesaje : 539
Inscris : 21/02/2016

biggri Popup Conectare stil IPB

Mesaj Scris de mihai la data de Mar Oct 25, 2016 4:12 am

Nume cod: Login (Popup) (IPBoard 3.43)
Versiune: punbb
Autor: Rapid
Vizitator, pentru a vedea continutul trebuie sa lasi reply in acest topic.
Previzualizare:

imaginea de la „previzualizare”, de la tutorial, numai există linku sau a expirat. (așa că a trebuit să improvizez).
Adauga in Panou de Administrare => Afisare => Templeat-uri => General => overall_header la final:
Felicitari ,ai raspuns ,si ai primit codul. multimim
Cod:
<!-- #region sign_in_popup -->
   <div id="document_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
   <div id="sign_in_popup_popup" style="display:none; z-index: 10001; top: 25%; left: 24%; position: fixed;" class="popupWrapper">
       <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
           <div style="" class="ipbfs_login" id="inline_login_form">
               <form id="login" method="post" action="/login.forum">
               <h3>Login</h3>
               <!-- BEGIN switch_fb_connect -->
               <div class="ipsBox_notice">
                 <ul class="ipsList_inline">
                     <li>
                       <a class="ipsButton_secondary" href="/facebook_connect.forum" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">
                           <img alt="Facebook" src="http://i69.servimg.com/u/f69/16/62/61/50/facebo10.png">  Use Facebook
                       </a>
                     </li>
                 </ul>
               </div>
               <!-- END switch_fb_connect -->
                   <div class="ipbfs_login_row">
                       <div class="ipbfs_login_col">
                           <span class="right desc lighter blend_links">
                               <a title="Registre-se agora!" href="/register">Register now!</a>
                           </span>    
                          <div class="ipsField_content">
                               <input type="text" tabindex="1" size="30" placeholder="Your Username" name="username" class="input_text ipbfs_login_input ipbfs_luser" id="ips_username">
                           </div>
                       </div>
                       <div class="ipbfs_login_col">
                           <span class="right desc lighter blend_links"><a title="Retrieve password" href="/profile?mode=sendpassword">Forgot Password ?</a></span>
                           <div class="ipsField_content">
                               <input type="password" tabindex="2" size="30" placeholder="Your Password" name="password" class="input_text ipbfs_login_input ipbfs_lpassword" id="ips_password"><br>
                           </div>
                       </div>
                   </div>
                   <div class="clearfix">
                       <div class="ipbfs_login_col">
                           <input type="checkbox" class="input_check left" value="1" name="autologin" checked="checked" id="autologin">
                           <div style="padding-left: 20px;">
                               <label for="autologin">
                                   <strong>Remember me</strong>
                                   <span style="display: block; padding-top: 5px;" class="desc lighter">This is not recommended for shared computers</span>
                               </label>
                           </div>
                       </div>
                       <div class="ipbfs_login_col">
                           <input type="checkbox" class="input_check left" value="1" name="anonymous" id="anonymous">
                           <div style="padding-left: 20px;">
                               <label for="anonymous">
                                   <strong>Sign In Anonymously</strong>
                                   <span style="display: block; padding-top: 5px;" class="desc lighter"> Don't add me to the active users list </span>
                               </label>
                           </div>
                       </div>
                   </div>
                   <div class="ipsForm_submit ipsForm_center clear" style="height: 29px;">
                       <input type="submit" name="login" value="Sign In" class="input_submit">
                       <input name="redirect" type="hidden" value="" />                  
                  </div>
               </form>
           </div>
       </div>
     <div id="sign_in_popup_close" class="popupClose clickable">
         <img alt="x" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png" onclick="show_popup('sign_in_popup_popup');">
     </div>
   </div>
   <script type="text/javascript">
     //<![CDATA[
      $(document).ready(function() {
          $('#user_navigation #sign_in').attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");
          /*
          $('#user_navigation #sign_in').click(function() {
            sign_in_popup();
          });
          */
      });
      function show_popup(id) {
          var $oObj = $('#'+id);
          if ($oObj.css('display') == 'none') {
            $oObj.add('#document_modal').fadeIn('slow');
            $("input:text:eq(0):visible").focus();
          } else {
            $oObj.add('#document_modal').fadeOut('slow');
          }
     }
      //]]>
   </script>
 <!-- #endregion sign_in_popup -->
Intra in css si adauga:
Felicitari ,ai raspuns ,si ai primit codul. multimim
Cod:
.popupWrapper {
       background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
       border-radius: 5px 5px 5px 5px;
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
       padding: 8px;
   }
   .ipbfs_login .ipsForm_submit {
       margin-top: 0;
   }
   .ipbfs_login .ipsBox_notice {
   margin: 0;
   }
   .ipbfs_login .input_submit {
       font-size: 13px;
   }
   #sign_in_popup_inner {
       width: 680px !important;
   }
   .popupInner {
       box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
       overflow-x: hidden;
       overflow-y: auto;
       width: 500px;
   }

  .ipsBox_notice {
       line-height: 1.6;
       margin-bottom: 10px;
       padding: 10px;
   }
   .ipsBox_notice, .ipsBox_highlight {
       background: none repeat scroll 0 0 #F4FCFF;
       border-bottom: 1px solid #CAE9F5;
   }
   .ipbfs_login_row {
       overflow: hidden;
   }
   .ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, .ipsList_withmediumphoto li:first-of-type, .category_block table tr:nth-of-type(2) td {
       border-top: 0 none;
background: white;
   }
   .ipbfs_login_col {
background: white;
       float: left;
       padding: 15px 10px;
       width: 320px;
   }
   .desc.lighter, .desc.lighter.blend_links a {
       color: #646464;
   }
   .desc, .desc.blend_links a, p.posted_info {
       color: #898989;
       font-size: 11px;
   }
   .right {
       float: right;
   }
   .ipbfs_login_col a:hover {
       text-decoration: underline;
   }
   .ipbfs_login_row label {
       font-size: 1.15em;
   }
   input:-moz-placeholder {
       color: #939393;
   }
   .ipbfs_luser {
       background-image: url("http://i57.servimg.com/u/f57/17/68/86/50/user1010.png") !important;
       background-position: 7px 50% !important;
       background-repeat: no-repeat !important;
   }
   .ipbfs_login_input {
       font-size: 14px !important;
       margin-top: 10px;
       padding: 6px 0 6px 28px !important;
       width: 284px;
   }
 
  .ipbfs_lpassword {
       background-image: url("http://i57.servimg.com/u/f57/17/68/86/50/key1010.png");
       background-position: 7px 50%;
       background-repeat: no-repeat;
   }
   .clearfix:after {
       clear: both;
       content: ".";
       display: block;
       height: 0;
       overflow: hidden;
       visibility: hidden;
   }
   .left {
       float: left;
   }
   img, .input_check, .input_radio {
       vertical-align: middle;
   }
   .ipsForm_center {
       text-align: center !important;
   }
   .ipsForm_submit {
       margin-top: 25px;
       padding: 5px 10px;
       text-align: right;
   }
   .clear {
       clear: both;
   }
   #vnc_filter_popup_close, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit {
       background: #f4f4f4;
       border-top: 1px solid #ddd;
   }
   .popupClose {
       position: absolute;
       right: 20px;
       top: 20px;
   }
   .clickable {
       cursor: pointer;
   }
   .input_submit, .ipsButton_secondary {
       outline: medium none;
   }
   .input_submit {
       background: url("http://i57.servimg.com/u/f57/17/68/86/50/highli13.png") repeat-x scroll 0 0 #646464;
       border-color: #3F3F3F;
       border-radius: 2px 2px 2px 2px;
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
       color: #FFFFFF;
       text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
       border: 0 none;
       cursor: pointer;
       padding: 5px 11px;
       text-decoration: none;
   }
   .pun h2, .pun h3, .pun input, .pun select, .pun th {
       font-family: helvetica,arial,sans-serif !important;
       font-size: 1em;
       font-style: normal;
       font-variant: normal;
       font-weight: 400;
   }
.popupInner h3 {
   background: url("http://www.autoitbrasil.com/public/style_images/master/maintitle.png") repeat-x scroll center top rgb(44, 86, 135);
   border-color: rgb(49, 104, 151);
   border-style: solid;
   border-width: 1px 1px 0px;
   box-shadow: 0px 1px 0px rgb(82, 140, 188) inset;
   color: rgb(255, 255, 255);
   font-size: 16px;
   font-weight: 300;
   padding: 8px 10px 9px;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
cristii571 OnlineOffline
avatar
Rank: Membru
Respect : 100%
Mesaje : 54
Inscris : 13/07/2016

biggri Re: Popup Conectare stil IPB

Mesaj Scris de cristii571 la data de Mier Dec 28, 2016 1:53 pm

sa vad


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
BugsBUNNY OnlineOffline
avatar
Membru nou
Respect : 100%
Mesaje : 12
Inscris : 04/05/2018

biggri Re: Popup Conectare stil IPB

Mesaj Scris de BugsBUNNY la data de Vin Iun 01, 2018 11:09 pm

Tare bravo


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
Msk OnlineOffline
avatar
Membru nou
Respect : 100%
Mesaje : 4
Inscris : 09/06/2017

biggri Re: Popup Conectare stil IPB

Mesaj Scris de Msk la data de Mar Dec 04, 2018 4:20 pm

Arată Bine


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
Continut sponsorizat OnlineOffline

biggri Re: Popup Conectare stil IPB

Mesaj Scris de Continut sponsorizat



Sus

    Acum este: Joi Dec 13, 2018 7:20 pm