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.

Logare (Popup) (IPBoard 3.43) punBB

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de bogdan93 Vin Noi 08, 2013 6:20 pm

Buna seara,
As vrea sa imi spuneti si mie cum configurez sa imi mearga popup-u pentru login.
Tutorialul e in engleza.

Uitati acest tutorial:
Spuneti-mi cum trebuie sa fac !
Overal_header al meu este modificat

uitatil pe al meu:

Cod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
 <meta http-equiv="content-script-type" content="text/javascript" />
 <meta http-equiv="content-style-type" content="text/css" />
 <!-- BEGIN switch_compat_meta -->
 <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
 <!-- END switch_compat_meta -->
 <!-- BEGIN switch_canonical_url -->
 <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
 <!-- END switch_canonical_url -->
 {META_FAVICO}
 {META}
 {META_FB_LIKE}
 <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
 {T_HEAD_STYLESHEET}
 {CSS}
 <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
 <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
 <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="http://rylled-graphics.forumotion.com/h6-" type="text/javascript"></script>
 <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

 <!-- BEGIN switch_fb_login -->
 <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
 <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
 <!-- END switch_fb_login -->

 <!-- BEGIN switch_ticker -->
 <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
 <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
 <!-- END switch_ticker -->

 <!-- BEGIN switch_ticker_new -->
 <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
 <script type="text/javascript">//<![CDATA[
 /* Definir le sens de direction en fonction du panneau admin */
 var tickerDirParam = "{switch_ticker.DIRECTION}";
 var slid_vert = false;
 var auto_dir = 'next';
 var h_perso = parseInt({switch_ticker.HEIGHT});

 switch( tickerDirParam )
 {
 case 'top' :
 slid_vert = true;
 break;

 case 'left':
 break;

 case 'bottom':
 slid_vert = true;
 auto_dir = 'prev';
 break;

 case 'right':
 auto_dir = 'prev';
 break;

 default:
 slid_vert = true;
 }

 $(document).ready(function() {

 var width_max = $('ul#fa_ticker_content').width();
 var width_item = Math.floor(width_max / {switch_ticker.SIZE});

 if (width_max > 0)
 {
 $('#fa_ticker_content').css('display','block');

 $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
 if ($(this).width() > width_item)
 {
 var ratio = $(this).width() / width_item;
 var new_height = Math.round($(this).height() / ratio);
 $(this).height(new_height).width(width_item);
 }
 });

 if (slid_vert)
 {
 var height_max = h_perso;

 $('ul#fa_ticker_content li').each( function () {
 if ($(this).height() > height_max)
 {
 height_max = $(this).height();
 }
 } );

 $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
 $('ul#fa_ticker_content li').height(height_max);
 }

 $('#fa_ticker_content').jcarousel({
 vertical: slid_vert,
 wrap: 'circular',
 auto: {switch_ticker.STOP_TIME},
 auto_direction: auto_dir,
 scroll: 1,
 size: {switch_ticker.SIZE},
 height_max: height_max,
 animation: {switch_ticker.SPEED}
 });
 }
 else
 {
 $('ul#fa_ticker_content li:not(:first)').css('display','none');
 $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
 }
 });
 //]]>
 </script>
 <!-- END switch_ticker_new -->

 <script type="text/javascript">
 //<![CDATA[
 $(document).ready(function(){
 <!-- BEGIN switch_enable_pm_popup -->
 pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
 pm.focus();
 <!-- END switch_enable_pm_popup -->
 <!-- BEGIN switch_report_popup -->
 report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
 report.focus();
 <!-- END switch_report_popup -->
 <!-- BEGIN switch_ticker -->
 ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
 <!-- END switch_ticker -->
 });

 <!-- BEGIN switch_login_popup -->
 var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
 <!-- END switch_login_popup -->

 <!-- BEGIN switch_login_popup -->
 $(document).ready( function() {
 $(window).resize(function() {
 var windowWidth = document.documentElement.clientWidth;
 var popupWidth = $("#login_popup").width();
 var mypopup = $("#login_popup");

 $("#login_popup").css({
 "left": windowWidth/2 - popupWidth/2
 });
 });
 });
 <!-- END switch_login_popup -->
 //]]>
 </script>
 {GREETING_POPUP}
 <!-- BEGIN switch_ticker_new -->
 <style>
 .jcarousel-skin-tango .jcarousel-item {
 text-align:center;
 width: 10px;
 }

 .jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-right: {switch_ticker.SPACING}px;
 }

 .jcarousel-skin-tango .jcarousel-item-vertical {
 margin-bottom: {switch_ticker.SPACING}px;
 }
 </style>
 <!-- END switch_ticker_new -->
 {HOSTING_JS}
 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
 var _gaq = _gaq || [];
 _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
 _gaq.push(["_trackPageview"]);
 _gaq.push(['_trackPageLoadTime']);

 <!-- BEGIN google_analytics_code_bis -->
 _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
 _gaq.push(['b._trackPageview']);
 <!-- END google_analytics_code_bis -->

 (function() {
 var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
 ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
 var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
 })();
 //]]>
 </script>
 <!-- END google_analytics_code -->
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
</head>

<body>
 <!-- BEGIN hitskin_preview -->
 <div id="hitskin_preview" style="display: block;">
 <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
 <div class="content">
 <p>
 {hitskin_preview.L_THEME_SITE_PREVIEW}
 <br />
 <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
 </p>
 </div>
 </div>
 <!-- END hitskin_preview -->

 <!-- BEGIN switch_login_popup -->
 <div id="login_popup" class="module main">
 <div id="login_popup_title" class="main-head">
 <div class="h3">{SITENAME}</div>
 </div>
 <div class="main-content">
 {LOGIN_POPUP_MSG}
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="button2" value="{L_LOGIN}" />
 <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
 <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
 </form>
 </div>
 </div>
 </div>
 <!-- END switch_login_popup -->

 <a id="top" name="top" accesskey="t"></a>

 <div class="minwidth_IE">
 <div class="layout_IE">
 <div class="container_IE">
 <div class="pun">
 <div id="pun-intro" class="clearfix">
 <div  class="men-intro">
                            <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
                            <div id="ipb-search_menu" style="position: absolute;  z-index: 10000;  ">
                                <form action="/search" method="get">
                                    <div class="ipb-center-overview" style="height: 25px;">
                                        <input type="text" class="inputbox medium" value="Cautare..." onclick="if (this.value == 'Cautare...') this.value = '';" onblur="if (this.value == '') this.value = 'Cautare...';" name="search_keywords"/>
 <span class="choice ipbmenu clickable" id="search_options" style="">Forums</span>
 <input type="submit" value="Go" class="go-se-ipb"><a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right"/>Advanced</a>
</div>
 </form>
 </div>
                            <div id="pun-head">
 <div id="pun-navlinks" style="padding-left: 10px;">
 <table cellpadding="0" border="0" cellspacing="0">
 <tr>
 <td>{GENERATED_NAV_BAR}</td>
 <!-- BEGIN switch_user_logged_in -->  
 <td>
<div class="app-ipb-nav">
 <div id="identipb">
 <span class="avatar-ipb"><img src="http://i57.servimg.com/u/f57/16/90/71/02/948vma10.png" alt=""/></span>
 <a href="javascript:ShowHideLayer('SoIan','SoIhien');"><span class="USERNAME"></span><img src="http://i57.servimg.com/u/f57/16/90/71/02/cjzlyk10.png" style="margin-left: 2px;"/></a>
 <a class="ipb-mainmenu" id="aime-mp" ><img id="i_icon_mini_message" src="http://i57.servimg.com/u/f57/16/90/71/02/yymnyc10.png" border="0" hspace="2" alt="Mensajería" title="Mensajería"/>  </a>
 <a class="ipb-mainmenu" id="alerticon"><img id="i_icon_mini_not" src="http://i57.servimg.com/u/f57/16/90/71/02/gyfvip10.png" border="0" hspace="2" title="Notifications"/>  </a>
 <a class="ipb-mainmenu" href="/login?logout" rel="nofollow" id="logout">Sign Out</a>
 </div>
 <div id="SoIan" style="display:none;">
   <table cellpadding="0" border="0" cellspacing="0">
 <tr>
 <td>
 <div class="avatar-ipb"><img src="http://i.imgur.com/948vMa6.png" alt=""/></div>
 </td>
 <td>
 <table cellpadding="0" border="0" cellspacing="0">
  <tr>
 <td style="padding-left: 10px;">
 <span class="USERNAME" style="font-weight: bold;">Salut, </span> <br />
 <a class="profile-u" href="/u" target="_blank" style="color:#dedfdf;">Profilul meu</a> <br />
 <a href="/profile?mode=editprofile">Editare profil</a> <br />
 <a href="/profile?mode=editprofile&amp;page_profil=preferences">Preferinte</a> <br />
 </td>
 <td style="padding-left: 40px;">
 <a href="/privmsg?folder=inbox">Mesagerie privata</a> <br />
 <a href="/profile?mode=editprofile&amp;page_profil=signature">Semnatura</a> <br />
 <a href="/profile?mode=editprofile&amp;page_profil=avatars">Avatar</a> <br />
 <a href="/profile?mode=editprofile&amp;page_profil=friendsfoes">Prieteni si persoane ignorate</a>
 </td>
  </tr>
 </table>
 </td>
 </tr>
 </table>
</div>
 </div>
  </td>
  <td>
 <div id="user_inbox_link_menucontent" class="ipsHeaderMenu boxShadow">
 <h4 class="ipsType_sectiontitle clearfix">
 Mesaje private
 <p class="ipsPad_half ipsType_smaller right">
 <a href="/privmsg?folder=inbox" class="configure">Mesaje private</a>
 </p>
 </h4>
 <div class="ipsList_withminipms"></div>
 </div>
 <div id="user_alert_link_menucontent" class="ipsHeaderMenu boxShadow">
 <h4 class="ipsType_sectiontitle clearfix">Notificari
 <p class="ipsPad_half ipsType_smaller right">
 <a href="/profile?mode=editprofile&amp;page_profil=notifications" class="configure">Vezi notificarile</a>
 </p>
 </h4>
 <div class="ipsList_withminialert"></div>
 </div>
  </td>
<!-- END switch_user_logged_in -->    
 </tr>
 </table>
 </div>
 </div>
 </div>
                    </div>
 <div id="page-body">
 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_block" style="padding-top:4px;">
 <div class="module main">
 <div class="main-content clearfix">
 <div id="fa_ticker_container">
 <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
 <!-- BEGIN ticker_row -->
 <li>{switch_ticker.ticker_row.ELEMENT}</li>
 <!-- END ticker_row -->
 </ul>
 </div>
 </div>
 </div>
                                          </div><br />
 <!-- END switch_ticker_new -->

 <!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="padding-top:4px;">
 <div class="module main">
 <div class="main-content clearfix">
 <div id="fa_ticker_container">
 <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
 <div class="fa_ticker_content">
 <!-- BEGIN ticker_row -->
 <div>{switch_ticker.ticker_row.ELEMENT}</div>
 <!-- END ticker_row -->
 </div>
 </div>
 </div>
 </div>
 </div>
 </div><br />
 <!-- END switch_ticker -->
                                          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
 <div id="outer-wrapper">
 <div id="wrapper">
 <div id="container">
 <div id="content">
 <div id="{ID_LEFT}">
 <!-- BEGIN giefmod_index1 -->
 {giefmod_index1.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index1 -->
 </div>
 <div id="main">
 <div id="main-content">

 <!-- BEGIN html_validation -->
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
</body>
</html>
<!-- END html_validation -->
Acuma incepe tutorialul login pupup: overal_header de mai sus e al meu

1ş - Edit template
At end of overall_header post the following code:
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 -->
2ş - CSS
Add the following code to css

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);
}
PREVIEW:
Logare (Popup) (IPBoard 3.43) punBB Rh5s

Have problems?
If you don't have the effect of popup with default click sign in, you need to put custom html for sign in such as <a href="#" id="sign_in" original-title="" onclick="show_popup('sign_in_popup_popup');">Sign In</a> for example


Ultima editare efectuata de catre bogdan93 in Sam Noi 09, 2013 12:13 pm, editata de 1 ori
bogdan93

bogdan93
Membru Forumgratuit

Mesaje : 61
Varsta : 30
Data înscrierii : 31/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://www.facegame.forumz.ro/forum
bogdan93 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de mindlock Vin Noi 08, 2013 10:58 pm

Salutare, ei vă spun să vă postaţi în overall_header la final , dvs nua veţi nimica la final decât încheierea divurilor , după toate acestea adăugaţi scriptul.
Mergeţi în CSS după şi adăugaţi celelalte coduri.
mindlock

mindlock
Membru activ

Mesaje : 409
Varsta : 26
Localizare : România
Data înscrierii : 27/07/2013
Mulțumiri : 45
Internet Explorer punBB

https://help.forumgratuit.ro/
mindlock a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de bogdan93 Vin Noi 08, 2013 11:22 pm

stiu ce zice, dar nu imi merge. am postat overal_hedaru meu fara codu ala care trebuie sa il bag, sa vada despre ce e vorba.
o sa incerc pana ii dau de cap. Eu la final nu inteleg ce vrea sa zica

Have problems?
If you don't have the effect of popup with default click sign in, you need to put custom html for sign in such as <a href="#" id="sign_in" original-title="" onclick="show_popup('sign_in_popup_popup');">Sign In</a> for example

Daca dumitale sti cum sa fac, explica-mi aici


Ultima editare efectuata de catre bogdan93 in Vin Noi 08, 2013 11:34 pm, editata de 1 ori
bogdan93

bogdan93
Membru Forumgratuit

Mesaje : 61
Varsta : 30
Data înscrierii : 31/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://www.facegame.forumz.ro/forum
bogdan93 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de mindlock Vin Noi 08, 2013 11:33 pm

Hmm , cum ai tu un buton de "Sign In" adică de logare , să îl înlocuieşti pe acela cu acesta dacă nu merge , trebuie să ai meniul modificat , postează tot overall_header
mindlock

mindlock
Membru activ

Mesaje : 409
Varsta : 26
Localizare : România
Data înscrierii : 27/07/2013
Mulțumiri : 45
Internet Explorer punBB

https://help.forumgratuit.ro/
mindlock a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de bogdan93 Vin Noi 08, 2013 11:36 pm

Acela este tot overall_headeru Fericit primul de sus.
Baga tu codul cum sti in overall_header si punel aici sa vad daca merge
bogdan93

bogdan93
Membru Forumgratuit

Mesaje : 61
Varsta : 30
Data înscrierii : 31/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://www.facegame.forumz.ro/forum
bogdan93 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de Vizitator Vin Noi 08, 2013 11:50 pm

Salut.
Adaugati codul pentru fereastra cu login-ul dupa tag-ul <body> din overall_header. Fericit
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de bogdan93 Sam Noi 09, 2013 12:04 am

combina tu codurile si lasal aici. ca eu nu stiu...imi arata cu rosu...si nu merge
bogdan93

bogdan93
Membru Forumgratuit

Mesaje : 61
Varsta : 30
Data înscrierii : 31/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://www.facegame.forumz.ro/forum
bogdan93 a fost mulțumit de autorul acestui subiect.
  • 0

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de mindlock Sam Noi 09, 2013 12:07 am

Încearcă acuma , nu ai nevoie de coduri CSS
Cod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
    <script src="http://rylled-graphics.forumotion.com/h6-" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

        case 'right':
            auto_dir = 'prev';
            break;

        default:
            slid_vert = true;
      }

      $(document).ready(function() {

        var width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
              if ($(this).width() > width_item)
              {
              var ratio      = $(this).width() / width_item;
              var new_height = Math.round($(this).height() / ratio);
              $(this).height(new_height).width(width_item);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
              wrap: 'circular',
              auto: {switch_ticker.STOP_TIME},
              auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
      });
  //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN switch_ticker_new -->
  <style>
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  </style>
  <!-- END switch_ticker_new -->
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
  _gaq.push(['_trackPageLoadTime']);

  <!-- BEGIN google_analytics_code_bis -->
  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
  _gaq.push(['b._trackPageview']);
  <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
</head>

<body>

<style>  .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);
}</style>

  <!-- #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 -->


  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
        <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
        {LOGIN_POPUP_MSG}
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button2" value="{L_LOGIN}" />
              <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
              <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
        </div>
      </div>
  </div>
  <!-- END switch_login_popup -->

  <a id="top" name="top" accesskey="t"></a>

  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
            <div class="pun">
              <div id="pun-intro" class="clearfix">
                  <div  class="men-intro">
                            <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
                            <div id="ipb-search_menu" style="position: absolute;  z-index: 10000;  ">
                                <form action="/search" method="get">
                                    <div class="ipb-center-overview" style="height: 25px;">
                                        <input type="text" class="inputbox medium" value="Cautare..." onclick="if (this.value == 'Cautare...') this.value = '';" onblur="if (this.value == '') this.value = 'Cautare...';" name="search_keywords"/>
                              <span class="choice ipbmenu clickable" id="search_options" style="">Forums</span>
                              <input type="submit" value="Go" class="go-se-ipb"><a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right"/>Advanced</a>
                          </div>
                        </form>
                    </div>
                            <div id="pun-head">
                        <div id="pun-navlinks" style="padding-left: 10px;">
                          <table cellpadding="0" border="0" cellspacing="0">
                              <tr>
                                <td>{GENERATED_NAV_BAR}</td>
                                <!-- BEGIN switch_user_logged_in --> 
                                <td>                             
                                    <div class="app-ipb-nav">
                                      <div id="identipb">
                                      <span class="avatar-ipb"><img src="http://i57.servimg.com/u/f57/16/90/71/02/948vma10.png" alt=""/></span>
                                      <a href="javascript:ShowHideLayer('SoIan','SoIhien');"><span class="USERNAME"></span><img src="http://i57.servimg.com/u/f57/16/90/71/02/cjzlyk10.png" style="margin-left: 2px;"/></a>
                                      <a class="ipb-mainmenu" id="aime-mp" ><img id="i_icon_mini_message" src="http://i57.servimg.com/u/f57/16/90/71/02/yymnyc10.png" border="0" hspace="2" alt="Mensajería" title="Mensajería"/>  </a>
                                      <a class="ipb-mainmenu" id="alerticon"><img id="i_icon_mini_not" src="http://i57.servimg.com/u/f57/16/90/71/02/gyfvip10.png" border="0" hspace="2" title="Notifications"/>  </a>
                                      <a class="ipb-mainmenu" href="/login?logout" rel="nofollow" id="logout">Sign Out</a>
                                      </div>
                                      <div id="SoIan" style="display:none;">
                                        <table cellpadding="0" border="0" cellspacing="0">
                                            <tr>
                                                <td>
                                                  <div class="avatar-ipb"><img src="http://i.imgur.com/948vMa6.png" alt=""/></div>
                                                </td>
                                                <td>
                                                  <table cellpadding="0" border="0" cellspacing="0">
                                                        <tr>
                                                            <td style="padding-left: 10px;">
                                                            <span class="USERNAME" style="font-weight: bold;">Salut, </span> <br />
                                                              <a class="profile-u" href="/u" target="_blank" style="color:#dedfdf;">Profilul meu</a> <br />
                                                              <a href="/profile?mode=editprofile">Editare profil</a> <br />
                                                            <a href="/profile?mode=editprofile&amp;page_profil=preferences">Preferinte</a> <br />
                                                            </td>
                                                            <td style="padding-left: 40px;">
                                                              <a href="/privmsg?folder=inbox">Mesagerie privata</a> <br />
                                                              <a href="/profile?mode=editprofile&amp;page_profil=signature">Semnatura</a> <br />
                                                              <a href="/profile?mode=editprofile&amp;page_profil=avatars">Avatar</a> <br />
                                                              <a href="/profile?mode=editprofile&amp;page_profil=friendsfoes">Prieteni si persoane ignorate</a>
                                                            </td>
                                                        </tr>
                                                  </table>
                                                </td>
                                            </tr>
                                          </table>
                                      </div>
                                    </div>
                                  </td>
                                  <td>
                                    <div id="user_inbox_link_menucontent" class="ipsHeaderMenu boxShadow">
                                      <h4 class="ipsType_sectiontitle clearfix">
                                          Mesaje private
                                          <p class="ipsPad_half ipsType_smaller right">
                                            <a href="/privmsg?folder=inbox" class="configure">Mesaje private</a>
                                          </p>
                                      </h4>
                                      <div class="ipsList_withminipms"></div>
                                    </div>
                                    <div id="user_alert_link_menucontent" class="ipsHeaderMenu boxShadow">
                                    <h4 class="ipsType_sectiontitle clearfix">Notificari
                                      <p class="ipsPad_half ipsType_smaller right">
                                          <a href="/profile?mode=editprofile&amp;page_profil=notifications" class="configure">Vezi notificarile</a>
                                      </p>
                                    </h4>
                                    <div class="ipsList_withminialert"></div>
                                    </div>
                                  </td>     
                                <!-- END switch_user_logged_in -->                                   
                              </tr>
                          </table>
                        </div>
                    </div>
                  </div>
                    </div>
              <div id="page-body">
                  <!-- BEGIN switch_ticker_new -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </div>
                  </div>
                                          </div><br />
              <!-- END switch_ticker_new -->

              <!-- BEGIN switch_ticker -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div><br />
              <!-- END switch_ticker -->
                                          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <div id="outer-wrapper">
                        <div id="wrapper">
                          <div id="container">
                              <div id="content">
                                <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                </div>
                                <div id="main">
                                    <div id="main-content">

              <!-- BEGIN html_validation -->
                                    </div>
                                </div>
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
      </div>
  </div>
</body>
</html>
<!-- END html_validation -->
mindlock

mindlock
Membru activ

Mesaje : 409
Varsta : 26
Localizare : România
Data înscrierii : 27/07/2013
Mulțumiri : 45
Internet Explorer punBB

https://help.forumgratuit.ro/
mindlock a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de bogdan93 Sam Noi 09, 2013 12:19 am

neah nu merge :(intra pe forum la mine si vezi cum arata...
Ati rupt subiectu asta, cred ca toti si-au facut popup la login, da unu nu spune cum se face.
Astept poate stie Cassio Dio, adica sigur stie ca se pricepe :|Multumesc oricum baieti
bogdan93

bogdan93
Membru Forumgratuit

Mesaje : 61
Varsta : 30
Data înscrierii : 31/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://www.facegame.forumz.ro/forum
bogdan93 a fost mulțumit de autorul acestui subiect.
  • 0

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de Zeus Sam Noi 09, 2013 12:03 pm

Buna ziua, La revedere 

Inlocuiti template-ul actual cu cel de mai jos:
Cod:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
    <head>
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
      <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
      <!-- END switch_compat_meta -->
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JQUERY_PATH}" type="text/javascript"></script>
        <script src="http://rylled-graphics.forumotion.com/h6-" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->

      <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">//<![CDATA[
          /* Definir le sens de direction en fonction du panneau admin */
          var tickerDirParam = "{switch_ticker.DIRECTION}";
          var slid_vert = false;
          var auto_dir = 'next';
          var h_perso = parseInt({switch_ticker.HEIGHT});

          switch( tickerDirParam )
          {
            case 'top' :
                slid_vert = true;
                break;

            case 'left':
                break;

            case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;

            case 'right':
                auto_dir = 'prev';
                break;

            default:
                slid_vert = true;
          }

          $(document).ready(function() {

            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});

            if (width_max > 0)
            {
                $('#fa_ticker_content').css('display','block');

                $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                  if ($(this).width() > width_item)
                  {
                  var ratio      = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
                  }
                });

                if (slid_vert)
                {
                  var height_max = h_perso;

                  $('ul#fa_ticker_content li').each( function () {
                      if ($(this).height() > height_max)
                      {
                        height_max = $(this).height();
                      }
                  } );

                  $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                  $('ul#fa_ticker_content li').height(height_max);
                }

                $('#fa_ticker_content').jcarousel({
                      vertical: slid_vert,
                  wrap: 'circular',
                  auto: {switch_ticker.STOP_TIME},
                  auto_direction: auto_dir,
                scroll: 1,
                size: {switch_ticker.SIZE},
                height_max: height_max,
                animation: {switch_ticker.SPEED}
                });
            }
            else
            {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
            }
          });
      //]]>
      </script>
      <!-- END switch_ticker_new -->

      <script type="text/javascript">
      //<![CDATA[
      $(document).ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            pm.focus();
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            report.focus();
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
            ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
          <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
          $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
                });
          });
      });
      <!-- END switch_login_popup -->
      //]]>
      </script>
      {GREETING_POPUP}
      <!-- BEGIN switch_ticker_new -->
      <style>
      .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
      }
      </style>
      <!-- END switch_ticker_new -->
      {HOSTING_JS}
      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
        _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

        (function() {
          var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
          ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
          var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
        })();
      //]]>
      </script>
      <!-- END google_analytics_code -->
      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
      <style type="text/css">
              .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);
    }
      </style>
    </head>

    <body>
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

        <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>
 
      <a id="top" name="top" accesskey="t"></a>

      <div class="minwidth_IE">
          <div class="layout_IE">
            <div class="container_IE">
                <div class="pun">
                  <div id="pun-intro" class="clearfix">
                      <div  class="men-intro">
                                <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
                                <div id="ipb-search_menu" style="position: absolute;  z-index: 10000;  ">
                                    <form action="/search" method="get">
                                        <div class="ipb-center-overview" style="height: 25px;">
                                            <input type="text" class="inputbox medium" value="Cautare..." onclick="if (this.value == 'Cautare...') this.value = '';" onblur="if (this.value == '') this.value = 'Cautare...';" name="search_keywords"/>
                                  <span class="choice ipbmenu clickable" id="search_options" style="">Forums</span>
                                  <input type="submit" value="Go" class="go-se-ipb"><a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right"/>Advanced</a>
                              </div>
                            </form>
                        </div>
                                <div id="pun-head">
                            <div id="pun-navlinks" style="padding-left: 10px;">
                              <table cellpadding="0" border="0" cellspacing="0">
                                  <tr>
                                    <td>
                                      <li><a class="mainmenu" href="{U_INDEX}">Forum</a></li>
                                    <li><a class="mainmenu" href="{U_FAQ}">{L_FAQ}</a></li>
                                    <li><a class="mainmenu" href="/memberlist">Membri</a></li>
                                    <li><a class="mainmenu" href="/search">Cautare</a></li>
                                    <!-- BEGIN switch_user_logged_in -->
                                    <li><a class="mainmenu" href="/profile?mode=editprofile">Profil</a></li>
                                    <li><a class="mainmenu" href="/login?logout=1">Deconectare [ <span class="USERNAME"></span> ]</a></li>
                                    <!-- END switch_user_logged_in -->
                                    <!-- BEGIN switch_user_logged_out -->
                                    <li><a class="mainmenu" href="#" id="sign_in" original-title="" onclick="show_popup('sign_in_popup_popup');">Conectare</a></li>
                                    <li><a class="mainmenu" href="/register">Inregistrare</a></li>
                                    <!-- END switch_user_logged_out -->
                                </td>
                                    <!-- BEGIN switch_user_logged_in -->
                                    <td>                             
                                        <div class="app-ipb-nav">
                                          <div id="identipb">
                                          <span class="avatar-ipb"><img src="http://i57.servimg.com/u/f57/16/90/71/02/948vma10.png" alt=""/></span>
                                          <a href="javascript:ShowHideLayer('SoIan','SoIhien');"><span class="USERNAME"></span><img src="http://i57.servimg.com/u/f57/16/90/71/02/cjzlyk10.png" style="margin-left: 2px;"/></a>
                                          <a class="ipb-mainmenu" id="aime-mp" ><img id="i_icon_mini_message" src="http://i57.servimg.com/u/f57/16/90/71/02/yymnyc10.png" border="0" hspace="2" alt="Mensajería" title="Mensajería"/>  </a>
                                          <a class="ipb-mainmenu" id="alerticon"><img id="i_icon_mini_not" src="http://i57.servimg.com/u/f57/16/90/71/02/gyfvip10.png" border="0" hspace="2" title="Notifications"/>  </a>
                                          <a class="ipb-mainmenu" href="/login?logout" rel="nofollow" id="logout">Sign Out</a>
                                          </div>
                                          <div id="SoIan" style="display:none;">
                                            <table cellpadding="0" border="0" cellspacing="0">
                                                <tr>
                                                    <td>
                                                      <div class="avatar-ipb"><img src="http://i.imgur.com/948vMa6.png" alt=""/></div>
                                                    </td>
                                                    <td>
                                                      <table cellpadding="0" border="0" cellspacing="0">
                                                            <tr>
                                                                <td style="padding-left: 10px;">
                                                                <span class="USERNAME" style="font-weight: bold;">Salut, </span> <br />
                                                                  <a class="profile-u" href="/u" target="_blank" style="color:#dedfdf;">Profilul meu</a> <br />
                                                                  <a href="/profile?mode=editprofile">Editare profil</a> <br />
                                                                <a href="/profile?mode=editprofile&amp;page_profil=preferences">Preferinte</a> <br />
                                                                </td>
                                                                <td style="padding-left: 40px;">
                                                                  <a href="/privmsg?folder=inbox">Mesagerie privata</a> <br />
                                                                  <a href="/profile?mode=editprofile&amp;page_profil=signature">Semnatura</a> <br />
                                                                  <a href="/profile?mode=editprofile&amp;page_profil=avatars">Avatar</a> <br />
                                                                  <a href="/profile?mode=editprofile&amp;page_profil=friendsfoes">Prieteni si persoane ignorate</a>
                                                                </td>
                                                            </tr>
                                                      </table>
                                                    </td>
                                                </tr>
                                              </table>
                                          </div>
                                        </div>
                                      </td>
                                      <td>
                                        <div id="user_inbox_link_menucontent" class="ipsHeaderMenu boxShadow">
                                          <h4 class="ipsType_sectiontitle clearfix">
                                              Mesaje private
                                              <p class="ipsPad_half ipsType_smaller right">
                                                <a href="/privmsg?folder=inbox" class="configure">Mesaje private</a>
                                              </p>
                                          </h4>
                                          <div class="ipsList_withminipms"></div>
                                        </div>
                                        <div id="user_alert_link_menucontent" class="ipsHeaderMenu boxShadow">
                                        <h4 class="ipsType_sectiontitle clearfix">Notificari
                                          <p class="ipsPad_half ipsType_smaller right">
                                              <a href="/profile?mode=editprofile&amp;page_profil=notifications" class="configure">Vezi notificarile</a>
                                          </p>
                                        </h4>
                                        <div class="ipsList_withminialert"></div>
                                        </div>
                                      </td>     
                                    <!-- END switch_user_logged_in -->                                   
                                  </tr>
                              </table>
                            </div>
                        </div>
                      </div>
                        </div>
                  <div id="page-body">
                      <!-- BEGIN switch_ticker_new -->
                  <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                        <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                              <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </div>
                      </div>
                                              </div><br />
                  <!-- END switch_ticker_new -->

                  <!-- BEGIN switch_ticker -->
                  <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                        <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div><br />
                  <!-- END switch_ticker -->
                                              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <div id="outer-wrapper">
                            <div id="wrapper">
                              <div id="container">
                                  <div id="content">
                                    <div id="{ID_LEFT}">
                                        <!-- BEGIN giefmod_index1 -->
                                        {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                        <!-- END giefmod_index1 -->
                                    </div>
                                    <div id="main">
                                        <div id="main-content">

                  <!-- BEGIN html_validation -->
                                        </div>
                                    </div>
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                </div>
            </div>
          </div>
      </div>
    </body>
    </html>
    <!-- END html_validation -->
Nu uitati sa apasati pe validare si pe Adauga pentru a aplica modificarile efectuate.
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de bogdan93 Sam Noi 09, 2013 12:12 pm

Multumesc mult de tot :*
Topic rezolvat
bogdan93

bogdan93
Membru Forumgratuit

Mesaje : 61
Varsta : 30
Data înscrierii : 31/07/2013
Mulțumiri : 0
Internet Explorer punBB

http://www.facegame.forumz.ro/forum
bogdan93 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Logare (Popup) (IPBoard 3.43) punBB

Mesaj Scris de Cassius Dio Sam Noi 09, 2013 2:23 pm

topic rezolvat
Cassius Dio

Cassius Dio
Membru onorific
Membru onorific

Mesaje : 10826
Varsta : 26
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Mulțumiri : 84
Internet Explorer phpBB3

http://beatles.forummo.com/
Cassius Dio a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum