jojork
Návštevník
Založený: 29 december 2008
Príspevky: 20
|
 Zaslal: Pi august 21, 2009 9:48 pm
 Predmet: Rozstiahnutie stylu gunguzeli |
 |
|
Prosim vas ako rozstiahnem tento styl http://demo.phpbb3styles.net/gunguzeli
Overall header
| kód: |
<!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}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- ENDIF -->{PAGE_TITLE}</title>
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
<link rel="stylesheet" href="{T_THEME_PATH}/fx.slide.css" type="text/css" media="screen" />
<script type="text/javascript" src="{T_THEME_PATH}/js/mootools-1.2-core-yc.js"></script>
<script type="text/javascript" src="{T_THEME_PATH}/js/mootools-1.2-more.js"></script>
<script type="text/javascript" src="{T_THEME_PATH}/js/fx.slide.js"></script>
<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
}
<!-- ENDIF -->
function popup(url, width, height, name)
{
if (!name)
{
name = '_popup';
}
window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
return false;
}
function jumpto()
{
var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
var perpage = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';
if (page !== null && !isNaN(page) && page > 0)
{
document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * perpage);
}
}
/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}
/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
var parent = document.getElementById(id);
if (!parent)
{
eval('parent = document.' + id);
}
if (!parent)
{
return;
}
var rb = parent.getElementsByTagName('input');
for (var r = 0; r < rb.length; r++)
{
if (rb[r].name.substr(0, name.length) == name)
{
rb[r].checked = state;
}
}
}
<!-- IF ._file -->
/**
* Play quicktime file by determining it's width/height
* from the displayed rectangle area
*
* Only defined if there is a file block present.
*/
function play_qt_file(obj)
{
var rectangle = obj.GetRectangle();
if (rectangle)
{
rectangle = rectangle.split(',')
var x1 = parseInt(rectangle[0]);
var x2 = parseInt(rectangle[2]);
var y1 = parseInt(rectangle[1]);
var y2 = parseInt(rectangle[3]);
var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
}
else
{
var width = 200;
var height = 0;
}
obj.width = width;
obj.height = height + 16;
obj.SetControllerVisible(true);
obj.Play();
}
<!-- ENDIF -->
// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">
<!-- INCLUDE logintop.html -->
<br />
<div class="outside">
<div class="inside">
<div class="bgtop"></div>
<div class="notopgap">
<a name="top"></a>
<div id="wrapheader">
<div id="logodesc">
<h1><font color="#e36318">{SITENAME}</font></h1><span class="gen"><font color="#66667e">{SITE_DESCRIPTION}</font></span>
</div>
<img src="{T_THEME_PATH}/images/site_logo.png" title="{L_INDEX}" onclick="location.href='{U_INDEX}';" style="cursor: pointer;"/>
<br />
<table class="tablebg" cellspacing="1" width="100%">
<tr>
<td class="row1" height="40px" width="100%">
<p class="breadcrumbs"><a href="{U_INDEX}"><img src="{T_IMAGESET_PATH}/folder.gif"></img>{L_INDEX}</a>
<!-- BEGIN navlinks --> » <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
<br /><!-- IF TOPIC_TITLE --><!-- IF U_VIEW_TOPIC --><img src="{T_IMAGESET_PATH}/folder2.gif"></img><a class="topictitle" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><!-- ENDIF --><!-- ENDIF --></p>
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> <span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF --></p></div>
<div style="padding: 1px;">
<!-- IF S_USER_LOGGED_IN -->
<!-- IF not S_IS_BOT -->
<div style=float:right;font-size:0.95em;margin:0;white-space:normal;"><strong>{S_USERNAME}</strong> <b>(</b><a href="{U_LOGIN_LOGOUT}">{L_LOGOUT}</a><b>)</b></div><br />
<!-- IF S_DISPLAY_PM --><div style="float:right;font-size:0.95em;margin:0;white-space:normal;"> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)</div><br /><!-- ENDIF -->
<div style="float:right;font-size:0.95em;margin:0;white-space:normal;">{LAST_VISIT_DATE}</div>
<!-- IF U_RESTORE_PERMISSIONS --><br /><div style="float:right;font-size:0.95em;margin:0;white-space:normal;"> <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></div> <!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF -->
</div>
</td>
</tr>
</table>
<br clear="all" />
<table class="tablebg" width="100%" cellspacing="1">
<tr>
<td colspan="2" id="menubar">
<!-- IF not S_USER_LOGGED_IN -->
<table cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<!-- IF not S_IS_BOT -->
<!-- IF S_REGISTER_ENABLED --><td class="menu2"> <a class="menubar" href="{U_REGISTER}" ><strong>{L_REGISTER}</strong></a></td><!-- ENDIF -->
<td class="menu2"><a class="menubar" href="{U_LOGIN_LOGOUT}" rel="nofollow"><strong>{L_LOGIN}</strong></a></td><!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH --><td class="menu2"><a class="menubar" href="{U_SEARCH}"><strong>{L_SEARCH}</strong></a></td>
<!-- ENDIF -->
<td class="menu2"><a class="menubar" href="{U_FAQ}"><strong>{L_FAQ}</strong></a></td>
</tr></table>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<table cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<td class="menu2"><a class="menubar" href="{U_PROFILE}" rel="nofollow"><strong>{L_PROFILE}</strong></a></td>
<!-- IF S_DISPLAY_SEARCH -->
<td class="menu2"><a class="menubar" href="{U_SEARCH}"><strong>{L_SEARCH}</strong></a></td>
<td class="menu2"><a class="menubar" href="{U_SEARCH_NEW}"><strong>{L_SEARCH_NEW}</strong></a></td>
<td class="menu2"><a class="menubar" href="{U_SEARCH_SELF}"><strong>{L_SEARCH_SELF}</strong></a></td>
<td class="menu2"><a class="menubar" href="{U_SEARCH_ACTIVE_TOPICS}"><strong>{L_SEARCH_ACTIVE_TOPICS}</strong></a></td>
<!-- ENDIF -->
<td class="menu2"><a class="menubar" href="{U_FAQ}"><strong>{L_FAQ}</strong></a></td>
</tr></table>
<!-- ENDIF -->
</td>
</tr>
</table>
<br style="clear: both;" />
|
stylesheet.css
| kód: |
/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: subSilver2
Based on style: subSilver2 (the default phpBB 2 style)
This is an alternative style for phpBB3 for those wishing to stay with
the familiar subSilver style of phpBB version 2.x
Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
--------------------------------------------------------------
*/
/* Background
--------------------------------------------- */
#header-bg {
background-position: top left;
background-repeat: no-repeat;
}
#wrap-bg {
background-repeat: repeat-y;
}
#footer-bg {
background-position: top left;
background-repeat: no-repeat;
}
/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #323D4F;
background-color: gray;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0;
}
#wrapheader {
min-height: 120px;
height: auto !important;
height: 120px;
margin: 15px 15px 0 15px;}
#wrapcentre {
margin: 15px;
}
#wrapfooter {
text-align: center;
clear: both;
}
#wrapnav {
width: 200%;
margin: 0px;
background-color: #ECECEC;
border-width: 1px;
border-style: solid;
border-color: #A9B8C2;
}
#dropmenudiv{
position:absolute;
border:1px solid #E0E0E0;
border-bottom-width: 0;
font:normal 8pt Verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #E0E0E0;
padding: 1px 0;
text-decoration: none;
}
#dropmenudiv a:hover{
background-color: #005D8C;
color: #ffffff;
}
#logodesc {
position: absolute;
margin-left: 226px;
margin-top: 20px;
}
#menubar {
background: #EEECEC none repeat scroll 0%;
background-image: url('./images/cellpic3.gif');
background-repeat: repeat-x;
padding: 0 3px 3px;
padding-top: 3px;
}
#datebar {
margin-top: 0px;
}
#findbar {
width: 100%;
margin: 0px;
padding: 0px;
border: 0px;
}
.forumrules {
background-color: #F9CC79;
border-width: 1px;
border-style: solid;
border-color: #BB9860;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#pageheader { }
#pagecontent { }
#pagefooter { }
#poll { }
#postrow { }
#postdata { }
/* Text
--------------------- */
h1 {
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}
h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}
h4 {
margin: 0px;
font-size: 1.1em;
font-weight: bold;
color: #666;
}
p {
font-size: 1.1em;
}
p.moderators {
margin: 0px;
float: left;
color: black;
font-weight: bold;
}
p.linkmcp {
margin: 0px;
float: right;
white-space: nowrap;
}
p.kat {
margin: 0px;
color: black;
color: #666;
}
p.breadcrumbs {
margin: 0px;
float: left;
color: black;
font-weight: bold;
white-space: normal;
font-size: 0.9em;
}
p.datetime {
margin: 0px;
float: right;
white-space: nowrap;
font-size: 1em;
}
p.searchbar {
padding: 2px 0;
white-space: nowrap;
}
p.searchbarreg {
margin: 0px;
float: right;
white-space: nowrap;
}
p.forumdesc {
padding-bottom: 4px;
}
p.topicauthor {
margin: 1px 0px;
}
p.topicdetails {
margin: 1px 0px;
}
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0px;
color: red;
font-weight:bold;
}
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: green;
font-weight:bold;
}
.postapprove img, .postreported img {
vertical-align: bottom;
}
.postauthor {
color: #222222;
font-size: 1.3em;
}
.postdetails {
background:#F1F1F1 url(./images/detail.gif)no-repeat scroll left top;
border:1px solid #D1D1E1;
margin: 3px 3px 3px 5px;
padding: 3px 0 3px 7px;;
float: center;
text-align: left;
}
.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.postbody li, ol, ul {
margin-left: 1.5em;
}
.posthilit {
background-color: yellow;
}
.nav {
margin: 0px;
color: #666666;
font-weight: bold;
}
.pagination {
padding: 4px;
color: black;
font-size: 1em;
font-weight: bold;
}
.cattitle {
}
.gen {
margin: 1px 1px;
font-size: 1.2em;
}
.genmed {
margin: 1px 1px;
font-size: 1.1em;
}
.gensmall {
margin: 1px 1px;
font-size: 1em;
}
.copyright {
color: #666666;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}
.error {
color: red;
}
/* Tables
------------ */
th {
color: #666666;
font-size: 1.0em;
font-weight: bold;
background-color: gray;
background-image: url('./images/cellpic3.gif');
white-space: nowrap;
padding: 2px 5px;
}
td {
padding: 2px;
}
.tablebg {
background: #c1c6c6 none repeat scroll 0%;
color: #555A5F;
border:1px solid #f4f4f4;
}
.tablefooter {
background-color: #DBDBDB;
height: 4px;
}
.cat, .catdiv {
height: 25px;
margin: 0px;
padding: 0px;
border: 0px;
background-image: url('./images/cellpic1.gif');
text-indent: 4px;
}
.catline {
height: 25px;
margin: 0px;
padding: 0px;
border: 0px;
background-color: #E8E8E8;
background-image: url('./images/cellpic1.gif');
text-indent: 4px;
}
.row1, .row4 {
background: #EEECEC url('./images/row1.gif') repeat-x scroll left top;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
color: #656565;
}
.row2, .row3 {
background: #E5E5E5 url('./images/row2.gif') repeat-x scroll left top;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
color: #656565;
}
.rowgood {
background-color: #C2D6CD;
padding: 4px;
}
.rowneutral {
background-color: #CAC1D7;
padding: 4px;
}
.rowbad {
background-color: #D7C1C3;
padding: 4px;
}
.spacer {
background-color: #DBDBDB;
}
hr {
height: 1px;
border-width: 0px;
background-color: #D1D7DC;
color: #D1D7DC;
}
.legend {
text-align:center;
margin: 0 auto;
background-color: #EEECEC;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
/* Links
------------ */
a:link {
color: #666666;
text-decoration: none;
}
a:active,
a:visited {
color: #666666;
text-decoration: none;
}
a:hover {
color: #e36318;
text-decoration: underline;
}
a.forumlink:hover {
color: #e36318;
font-weight: bold;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.2em;
}
a.forumlink {
color: #666666;
font-weight: bold;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.2em;
}
a.topictitle {
margin: 1px 0px;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.2em;
}
a.topictitle:visited {
color: #666666;
text-decoration: none;
}
a.topictitle:hover {
color: #e36318;
text-decoration: none;
}
th a,
th a:visited {
color: #666666 !important;
text-decoration: none;
}
th a:hover {
text-decoration: underline;
}
a.menubar, a.menubar:visited {
color: #e36318;
font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 1px 20px 3px 6px;
white-space: nowrap;}
a.menubar:hover {
color: #222222;
font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 2px 20px 3px 6px;
white-space: nowrap;}}
#kat {
padding: 0 5px 4px 5px;
border: 1px #666666 solid;
}
a.kat, a.kat:visited {
color: #666666;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;}
a.kat:hover {
color: #222222;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;}}
/* Form Elements
------------ */
form {
margin: 0px;
padding: 0px;
border: 0px;
}
input {
background: #EEECEC;
color: #222222;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #333333;
background-color: #DBDBDB;
}
textarea, textarea.post {
background: #E1E1E1 url('./images/textarea.gif') repeat scroll left top;
color: #222222;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #999999;
background-color: #DBDBDB;
padding: 2px;
}
select {
color: #222222;
background-color: #DBDBDB;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #333333;
padding: 1px;
}
option {
padding-right: 1em;
}
input.radio {
border: none;
background-color: DBDBDB;
color: #222222;
}
input.post {
background-color: efefef;
color: #222222;
border:1px solid #999999;
margin-top: 2px;
}
.post {
background: #efefef url('./images/input.gif') repeat-x scroll left top;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #333333;
}
.post:hover, .btnmain:hover, .btnlite:hover {
border-color: #e36318;
}
.btnbbcode, .btnlite {
background: #DBDBDB url('./images/buton.gif') repeat-x scroll left top;
color: #222222;
font-weight: normal;
border: 1px solid #999999;
font-size: 1.1em;
}
.btnmain {
background: #DBDBDB url('./images/buton.gif') repeat-x scroll left top;
color: #e36318;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
padding: 1px;
border: 1px solid #999999;
}
.helpline {
background-color: #DBDBDB;
border-style: none;
color: #222222;
}
/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0px 5px;
padding: 4px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #999999;
color: #222222;
background-color: #EEEEEE;
font-size: 0.85em;
font-weight: bold;
}
.quotetitle .quotetitle {
font-size: 1em;
}
.quotecontent, .attachcontent {
margin: 0px 5px 10px 5px;
padding: 5px;
border-color: #999;
border-width: 0px 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: #DBDBDB;
color: #222222;
}
.attachcontent {
font-size: 0.85em;
}
.codetitle {
margin: 10px 5px 0px 5px;
padding: 2px 4px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #333;
color: #333333;
background-color: #E8E8E8;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}
.codecontent {
margin: 0px 5px 10px 5px;
padding: 5px;
border-color: #333;
border-width: 0px 1px 1px 1px;
border-style: solid;
font-weight: normal;
color: #222;
font-size: 0.85em;
font-family: Monaco, 'Courier New', monospace;
background-color: #E8E8E8;
}
.syntaxbg {
color: #666666;
}
.syntaxcomment {
color: #FF8000;
}
.syntaxdefault {
color: #0000BB;
}
.syntaxhtml {
color: #000000;
}
.syntaxkeyword {
color: #007700;
}
.syntaxstring {
color: #DD0000;
}
/* Private messages
------------------ */
.pm_marked_colour {
background-color: #DBDBDb;
}
.pm_replied_colour {
background-color: #A9B8C2;
}
.pm_friend_colour {
background-color: #007700;
}
.pm_foe_colour {
background-color: #DD0000;
}
/* Misc
------------ */
img {
border: none;
}
.blue {
color: #006699;
}
.pbit {
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px solid #DBDBDB;
margin-bottom: 3px;
float: left;
width: 170px;
}
.yesil {
font-weight: bold;
color: #00AA00;
}
.gri {
font-weight: bold;
color: #8D9AAB;
}
/* replace background color */
html, body {
background-color: silver;
background-image:url(./images/body.png);
background-repeat:repeat;
color:#5F6476;
}
.inside {
align: right;
background-image: url("./images/bg.gif"); /* YCC: background-color of the inside */
background-repeat: repeat-y;
background-position: 100%
color: #333333;
padding: 0px 0px 15px 0px;
}
.notopgap { margin-top: 0; } /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.outside {
margin: 0 auto;
width : 850px;
padding: 0;
}
.bottom {
background-image:url(./images/bgbottom.gif);
background-repeat: no-repeat;
background-position: 100%
padding: 0;
margin: 0;
width : 850px;
height : 3px;
}
.bgtop {
background-image:url(./images/bgtop.gif);
background-repeat: no-repeat;
background-position: 100%
padding: 0;
margin: 0;
width : 850px;
height : 3px;
}
.sep {
color: black;
background-color: #FFA34F;
}
table.colortable td {
padding: 0;
}
pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}
.rowbottom {
background: #E5E5E5 url('./images/row2.gif') repeat-x scroll left top;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
color: #656565;
}
|
|
|
phpbb3 podpora
