Header phpBB2 ca phpBB3
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 1 • Distribuiţi
Vizitator- Vizitator
Re: Header phpBB2 ca phpBB3
Posteaza overall_header.
Re: Header phpBB2 ca phpBB3
- 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}>
<head>
<!-- BEGIN meta_emulate_ie7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- END meta_emulate_ie7 -->
<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_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="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<script language="JavaScript" src="http://designart.bravehost.com/qTip.js" type="text/JavaScript"></script>
<style>
/*STANDARD-------------------------------------------------*/
div#qTip {
padding: 5px;
border: 0px solid #666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 10px #666;
-webkit-box-shadow: 0 0 10px#666;
box-shadow: 0 0 10px #666;
display: none;
background-color: rgba(16,16,16,.8);
color: #fff;
font: normal 12px Trebuchet MS,Verdana, Arial, sans-serif;
text-align: left;
position: absolute;
z-index: 999;}
</style>
<style>
/*HEADER AND MENIU FORUM-------------------------------------------------*/
ul.meniuvert{
list-style: none;
margin:0px;
padding:0px;
position:fixed;
left:0px;
top:250px;}
ul.meniuvert li{
padding-bottom:4px;
padding-left:2px;}
ul.meniuvert li img{
opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;}
ul.meniuvert li img:hover{
opacity:1.0;}
html, body {
margin: 0; padding: 0;
font: 10px normal Arial, Helvetica, sans-serif;}
a.mainmenu{
font-size:15px;
font-style:normal;
font-weight:bold;
font-family:arial, helvetica, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 2px;}
#logo a {
display: block;
width: 459px;
height: 90px;
background: url('http://s14.postimage.org/4u8drcemp/image.png') top no-repeat;
cursor: pointer;
text-decoration: none;
text-align:center!important;
margin: 0 auto !important;}
/*SFARSIT---HEADER AND MENIU FORUM-------------------------------------------------*/
</style>
<div class="Sus"><br></div>
<div id="logo"><a href="/" title="Pro-Zone" rel="nofollow"></a></div>
<center>{GENERATED_NAV_BAR}</center>
<br>
<style type="text/css">
#navigationMenu{
position:fixed;
top: 299px;
left: -36px;}
#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;}
#navigationMenu span{
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;}
#navigationMenu a{
background:url('http://i24.servimg.com/u/f24/16/24/00/51/butoan10.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;}
#navigationMenu a:hover span{
width:auto;
padding:0 20px;
overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;}
#navigationMenu .home {
background-position:0 0;}
#navigationMenu .home:hover {
background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;}
#navigationMenu .about {
background-position:-38px 0;}
#navigationMenu .about:hover {
background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;}
#navigationMenu .services {
background-position:-76px 0;}
#navigationMenu .services:hover {
background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;}
#navigationMenu .portfolio {
background-position:-114px 0;}
#navigationMenu .portfolio:hover{
background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;}
#navigationMenu .contact {
background-position:-152px 0;}
#navigationMenu .contact:hover {
background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;}
a, a:visited,a:active {
color:#0196e3;
text-decoration:none;
outline:none;}
a:hover{
text-decoration:none;}
a img{
border:none;}
</style>
<ul id="navigationMenu">
<li>
<a class="home" href="forum.htm">
<span>Home</span>
</a>
</li>
<li>
<a class="about" href="#">
<span>About</span>
</a>
</li>
<li>
<a class="services" href="/profile.forum?mode=editprofile">
<span>Profile</span>
</a>
</li>
<li>
<a class="portfolio" href="/faq">
<span>FAQ</span>
</a>
</li>
<li>
<a class="contact" href="/contact.forum">
<span>Contact us</span>
</a>
</li>
</ul>
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="">
<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>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<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>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
<script>function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
// Not IE
if (window.getSelection)
{
var s = window.getSelection();
// Safari
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
// Firefox and Opera
else
{
// workaround for bug # 42885
if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
{
e.innerHTML = e.innerHTML + ' ';
}
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
// Some older browsers
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
// IE
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
if(text){}else{ var text = 'Selecionar todos';}
jQuery(document).ready(function(){
jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;">Selecteaza tot</a>');
});
</script>
Vizitator- Vizitator
Re: Header phpBB2 ca phpBB3
Modifica template-ul tau cu:
Si adauga in 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}>
<head>
<!-- BEGIN meta_emulate_ie7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- END meta_emulate_ie7 -->
<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_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="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<script language="JavaScript" src="http://designart.bravehost.com/qTip.js" type="text/JavaScript"></script>
<style>
/*STANDARD-------------------------------------------------*/
div#qTip {
padding: 5px;
border: 0px solid #666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 10px #666;
-webkit-box-shadow: 0 0 10px#666;
box-shadow: 0 0 10px #666;
display: none;
background-color: rgba(16,16,16,.8);
color: #fff;
font: normal 12px Trebuchet MS,Verdana, Arial, sans-serif;
text-align: left;
position: absolute;
z-index: 999;}
</style>
<style>
/*HEADER AND MENIU FORUM-------------------------------------------------*/
ul.meniuvert{
list-style: none;
margin:0px;
padding:0px;
position:fixed;
left:0px;
top:250px;}
ul.meniuvert li{
padding-bottom:4px;
padding-left:2px;}
ul.meniuvert li img{
opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;}
ul.meniuvert li img:hover{
opacity:1.0;}
html, body {
margin: 0; padding: 0;
font: 10px normal Arial, Helvetica, sans-serif;}
a.mainmenu{
font-size:15px;
font-style:normal;
font-weight:bold;
font-family:arial, helvetica, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 2px;}
#logo a {
display: block;
width: 459px;
height: 90px;
background: url('http://s14.postimage.org/4u8drcemp/image.png') top no-repeat;
cursor: pointer;
text-decoration: none;
text-align:center!important;
margin: 0 auto !important;}
/*SFARSIT---HEADER AND MENIU FORUM-------------------------------------------------*/
</style>
<div class="Sus"><br></div>
<div class="header-nou">
<div id="logo"><a href="/" title="Pro-Zone" rel="nofollow"></a></div>
</div>
<div class="meniu-nou">
<center>{GENERATED_NAV_BAR}</center>
</div>
<br>
<style type="text/css">
#navigationMenu{
position:fixed;
top: 299px;
left: -36px;}
#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;}
#navigationMenu span{
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;}
#navigationMenu a{
background:url('http://i24.servimg.com/u/f24/16/24/00/51/butoan10.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;}
#navigationMenu a:hover span{
width:auto;
padding:0 20px;
overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;}
#navigationMenu .home {
background-position:0 0;}
#navigationMenu .home:hover {
background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;}
#navigationMenu .about {
background-position:-38px 0;}
#navigationMenu .about:hover {
background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;}
#navigationMenu .services {
background-position:-76px 0;}
#navigationMenu .services:hover {
background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;}
#navigationMenu .portfolio {
background-position:-114px 0;}
#navigationMenu .portfolio:hover{
background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;}
#navigationMenu .contact {
background-position:-152px 0;}
#navigationMenu .contact:hover {
background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;}
a, a:visited,a:active {
color:#0196e3;
text-decoration:none;
outline:none;}
a:hover{
text-decoration:none;}
a img{
border:none;}
</style>
<ul id="navigationMenu">
<li>
<a class="home" href="forum.htm">
<span>Home</span>
</a>
</li>
<li>
<a class="about" href="#">
<span>About</span>
</a>
</li>
<li>
<a class="services" href="/profile.forum?mode=editprofile">
<span>Profile</span>
</a>
</li>
<li>
<a class="portfolio" href="/faq">
<span>FAQ</span>
</a>
</li>
<li>
<a class="contact" href="/contact.forum">
<span>Contact us</span>
</a>
</li>
</ul>
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="">
<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>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<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>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
<script>function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
// Not IE
if (window.getSelection)
{
var s = window.getSelection();
// Safari
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
// Firefox and Opera
else
{
// workaround for bug # 42885
if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
{
e.innerHTML = e.innerHTML + ' ';
}
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
// Some older browsers
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
// IE
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
if(text){}else{ var text = 'Selecionar todos';}
jQuery(document).ready(function(){
jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;">Selecteaza tot</a>');
});
</script>
Si adauga in CSS:
- Cod:
.header-nou {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 1px solid red;
background: blue;}
.meniu-nou {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border: 1px solid red;
background: blue;}
Re: Header phpBB2 ca phpBB3
Multumesc, rezolvat
Vizitator- Vizitator
Re: Header phpBB2 ca phpBB3
Cu placere.
Subiecte similare
» header phpbb2 la fel ca phpbb3 sau punbb
» Tema phpbb3 pusa pe phpbb2 [Rezolvat!]
» Header Meniu phpbb2
» Setare header si footer phpBB2
» Cum pun imagini de socializare in header phpbb3
» Tema phpbb3 pusa pe phpbb2 [Rezolvat!]
» Header Meniu phpbb2
» Setare header si footer phpBB2
» Cum pun imagini de socializare in header phpbb3
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum