Buna ziua puteti sa ma ajutai sa fac si eu un Popup de logare asa :
Uitati Overeal_header-ul meu :
{SITENAME_TITLE}{PAGE_TITLE}
{META_FAVICO}
{META}
{META_FB_LIKE}
{T_HEAD_STYLESHEET}
{CSS}
// /* 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');
}
});
//]]>
// $(document).ready(function(){
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
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}');
if(report != null) { report.focus(); }
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
});
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
$(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
});
});
});
//]]>
{GREETING_POPUP}
{HOSTING_JS}
//var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
(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);
})();
//]]>
{LOGIN_POPUP_MSG}
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var f=new Date();
document.write(f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear());
.
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
{giefmod_index1.MODVAR}
1. - Edit template
At end of overall_header post the following code:
// $(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');
}
}
//]]>
2. Adauga in Css :
Ultima editare efectuata de catre CaBRoN in Sam 15 Feb - 0:41, editata de 1 ori
Uitati Overeal_header-ul meu :
Overeal_header :
{META_FAVICO}
{META}
{META_FB_LIKE}
{T_HEAD_STYLESHEET}
{CSS}
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');
}
});
//]]>
// $(document).ready(function(){
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
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}');
if(report != null) { report.focus(); }
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
});
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
$(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
});
});
});
//]]>
{GREETING_POPUP}
{HOSTING_JS}
//var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
(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);
})();
//]]>
Hitskin.com
{hitskin_preview.L_THEME_SITE_PREVIEW}
{hitskin_preview.U_INSTALL_THEME}[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
{SITENAME}
{LOGIN_POPUP_MSG}
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var f=new Date();
document.write(f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear());
.
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
{switch_h1.MAIN_SITENAME}
{switch_desc.SITE_DESCRIPTION}
{switch_ticker.ticker_row.ELEMENT}
{giefmod_index1.MODVAR}
1. - Edit template
At end of overall_header post the following code:
Spolier :
// $(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');
}
}
//]]>
2. Adauga in Css :
Spolier :
.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("https://i.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("https://i.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("https://i.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);
}
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("https://i.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("https://i.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("https://i.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);
}
Ultima editare efectuata de catre CaBRoN in Sam 15 Feb - 0:41, editata de 1 ori