5. (BB3) Logare, User logat profil

Buna Ziua,
Am vaut ca multi cauta un script pentru ca atunci cand esti delogat sa iti apara Login si Register, iar cand te loghezi sa iti apara nume, mesagerie etc. Iata si solitia
Pasul 1.
1. CSS (?)ACP > Afisare > Imagini si culori > Culori > Foaie de stil CSS or (?)ACP > General > Forum > Configurare > Descrierea site-ului * :

Cod:

/* User is not logged in */
#user_navigation {
background: #F9F9F9;
padding: 10px;
margin-right: 10px;
float: left;
color: #9F9F9F;
font-size: 11px;
line-height: 36px;
height: 36px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 2px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 2px;
}

.right {
float: right;
}

#search {
background: #F9F9F9;
padding: 12px;
overflow: hidden;
float: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 2px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 2px;
}

#user_navigation {
color: #9F9F9F;
font-size: 11px;
line-height: 36px;
}

#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}

.ipsList_inline > li:last-child {
margin-right: 0;
}

.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}

#user_navigation a {
float: left;
padding: 0 12px;
line-height: 34px;
outline: none;
height: 34px;
background: whiteSmoke url('http://www.ipbforumskins.com/skindemo/public/style_images/vanilla34x/highlight_strong.png') repeat-x 0 -1px;
background: -moz-linear-gradient(top,white 0%,#F4F4F4 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#F4F4F4));
background: -webkit-linear-gradient(top,white 0%,#F4F4F4 100%);
background: -o-linear-gradient(top,white 0%,#F4F4F4 100%);
background: -ms-linear-gradient(top,white 0%,#F4F4F4 100%);
background: linear-gradient(to bottom,white 0%,#F4F4F4 100%);
border: 1px solid #C0C2C3;
color: #414141;
text-shadow: white 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 4px;
}

#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: top;
position: relative;
margin: 10px 2px 0 0;
}

#user_navigation a {
line-height: 34px;
color: #414141;
text-shadow: white 0px 1px 0px;
}

#search_options {
font-size: 10px;
height: 24px;
line-height: 24px;
margin: -26px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA url('http://www.ipbforumskins.com/skindemo/public/style_images/vanilla34x/highlight.png') repeat-x 0 1px;
display: inline-block;
text-shadow: white 0px 1px 0px;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}

#search .submit_input {
background: #CFCFCF url('http://www.ipbforumskins.com/skindemo/public/style_images/vanilla34x/search_icon.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border-left: 1px solid #BBB;
display: block;
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}

.clickable {
cursor: pointer;
}

#main_search {
font-size: 13px;
border: 0;
padding: 0;
padding-left: 5px;
background: transparent;
width: 70%;
outline: 0;
}

#search_wrap {
position: relative;
background: white;
display: block;
padding: 0 30px 0 4px;
height: 30px;
line-height: 29px;
float: none;
border: 1px solid #BBB;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
margin-right: 35px;
}

#user_navigation a:hover {
background-color: #FAFAFA;
background: -moz-linear-gradient(top,white 0%,#FAFAFA 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#FAFAFA));
background: -webkit-linear-gradient(top,white 0%,#FAFAFA 100%);
background: -o-linear-gradient(top,white 0%,#FAFAFA 100%);
background: -ms-linear-gradient(top,white 0%,#FAFAFA 100%);
background: linear-gradient(to bottom,white 0%,#FAFAFA 100%);
color: #414141;
border-color: #B2B4B5;
}

#adv_search {
width: 32px;
height: 32px;
background: #D4D4D4 url('http://www.ipbforumskins.com/skindemo/public/style_images/vanilla34x/advanced_search.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}

.hide, #page-header #search-box {
display: none;
}

#main_search {
font-size: 13px;
border: 0;
padding: 0;
padding-left: 5px;
background: transparent;
max-width: 890px;
outline: 0;
min-width: 800px;
}

#adv_search:hover {
background-color: #C7C7C7;
}

.not_logged_in, .logged_in, .logged_in + #search-box, .not_logged_in + #search-box {
margin-top: 3px;
}
/**/

/** User is logged in **/
#user_navigation .user_photo {
position: relative;
vertical-align: top;
padding: 1px;
height: 24px;
width: auto;
margin: 3px 6px 0px -9px;
border: 1px solid #CCC;
background: white;
}

.logged_in + #search-box #main_search {
min-width: 625px;
}

#user_link_dd, .dropdownIndicator {
display: inline-block;
width: 9px;
height: 5px;
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/vanilla34x/header_dropdown.png') no-repeat right;
}

#notify_link img, #inbox_link img {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
position: relative;
top: 5px;
}

#user_navigation a:nth-child(4) img {
position: relative;
top: 5px;
}

#inbox_link img {
background-image: url('http://www.ipbforumskins.com/skindemo/public/style_images/vanilla34x/icon_inbox.png');
}

#notify_link img {
background-image: url('http://www.ipbforumskins.com/skindemo/public/style_images/vanilla34x/icon_notify.png');
}

#content-container div#left {
float: left;
margin-right: 0;
overflow: hidden;
width: 0;
height: 0;
}

Cod:

<link href="http://extream-suport.site40.net/Tutorials/style.css" rel="stylesheet" media="all" type="text/css" />

2. JS (?)ACP > Module > HTML & Javascript > Gestiunea codurilor JavaScript
Amplasare: Toate Paginile

Cod:


var CopyrightNotice = "(c) Extream-Suport. All right reserved. Modificare sau distribuirea acestui material nu este permisa fara acordul nostru. Altfel veti suporta consencintele.";
$(function() {
$('#page-body').before('<div class="clearfix"><div id="user_navigation" class="not_logged_in"><ul class="ipsList_inline"><li><span class="services"></span><a href="/login" title="Sign In" id="sign_in"><img src="http://ipbforumskins.com/skindemo/public/style_images/vanilla34x/user_login.png" alt=""> Sign In</a></li><li><a href="/register" title="Create Account" id="register_link"><img src="http://ipbforumskins.com/skindemo/public/style_images/vanilla34x/user_register.png" alt=""> Create Account</a> </li></ul></div><form action="/search" method="post" id="search-box"><div id="search" class="right"><fieldset><label for="main_search" class="hide">Search</label> <a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right">Advanced</a> <span id="search_wrap" class="right"><input type="text" id="main_search" name="search_term" class="" size="17" tabindex="100" placeholder="Search..."> <span class="choice ipbmenu clickable" id="search_options" style="">Forums</span><input type="submit" class="submit_input clickable" value=""> </span></fieldset></div></form></div>');
$('.mainmenu:contains(Deconectare)').attr('id','logout');
var x = document.getElementById("logout");
if(x) {
var plink = $('#link a').attr('href');
var tlistAv = $('.mod-login-avatar img, .module img').attr('src');
var name = $('#left .module .h3 span strong, .module .h3 span strong').html();
var out = $('#logout').attr('href');
var names = $('#left .module .h3 span strong').html();
$('.not_logged_in').replaceWith('<div id="user_navigation" class="logged_in"><ul class="ipsList_inline"><li><a id="user_link" href="' +plink+ '" title="Your Profile"><img src="' +tlistAv+ '" alt="' +names+ '\'s Photo" class="user_photo"> <b id="ss"></b><span id="user_link_dd"></span></a></li> <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Messenger"><img src="http://ipbforumskins.com/skindemo/public/style_images/vanilla34x/clear.gif" alt=""> Messenger  <span class="dropdownIndicator"></span> </a></li> <li><a data-clicklaunch="getNotificationsList" id="notify_link" href="#" title="Notifications"><img src="http://ipbforumskins.com/skindemo/public/style_images/vanilla34x/clear.gif" alt=""> Notifications  <span class="dropdownIndicator"></span> </a></li> <li><a href="' +out+ '"><img src="http://ipbforumskins.com/skindemo/public/style_images/vanilla34x/user_nav_signout.png" alt="" style="margin-right: 2px; position: relative; top: 4px;"> Sign Out</a></li></ul></div>');
$('#ss').replaceWith(name + '  ');
}
else {
  return false;
}
});

---

Pasul 2.
Widget (?)ACP > Module > Portal & Widget-uri > Gestiunea widget-urilor forumului
• Optiuni generale ale widget-urilor forumului:
Afiseaza widget-urile forumului : Da
Largimea coloanei 1 (stânga) : 180 pixeli
Largimea coloanei 3 (dreapta) : 0 pixeli
Inaltime intre doua widget-uri : 0
Spatiu intre doua coloane : 0

---

> Gestiunea widget-urilor forumului:
Conectare - Administratori - Moderatori - Membri

---

Creati un widget personalizat:
Nume: Link
Continut:

Cod:

{USERLINK}

---

Demo: https://i.servimg.com/u/f71/17/35/22/18/demos10.png

---

Extream-Suport