resolvido como adicionar menu no lado direito do site?

[bernardes22 1]

Boa Tarde Xtibi!

alguém poderia me ensinar a adicionar um menu no lado direito do meu site? faz 1 semana que eu venho procurando no google, youtube, etc... como que coloca mais eu não achei nenhum tutorial estou usando o nicaw acc, irei posta os arquivos para a edição, for favor me ajudem.

codigo da configuração do layout

/*
    Copyright (C) 2007  Nicaw


    This program is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 2 of the License, or
    (at your option) any later version.


    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.


    You should have received a copy of the GNU General Public License along
    with this program; if not, write to the Free Software Foundation, Inc.,
    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
*/


body {


background-color: black;
background-image: url(dark/tlo.png);
color: white;
padding-left: 220px;
}
img {
border: 0;
}
a {
color: white;
}
h2 {
background-repeat: no-repeat;
font: normal normal 1.5em "Georgia",serif;
    text-decoration: none;
height: 40px;
padding-left: 25px;
}
legend {
color: white;
}
form,input {
margin: 0; 
padding: 0; 
display: inline;
}
fieldset{
padding: 5px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
a:hover{
font-weight: normal;
color: gray;
}
.color0 {
background-color: #444444;
}
.color1 {
background-color: #444444;
}
.color2 {
background-color: #656565;
}
.top {
color: white;
}
.online {
font-weight: bold;
}
.offline {
font-weight: bold;
}
.rowselect {
cursor: pointer;
}
.rowselect:hover {
background-color: #fcecbf;
}
.task-menu{
cursor: pointer;
}
.task-menu li{
height: 16px;
background-repeat: no-repeat;
padding-left: 20px;
padding-bottom: 5px;
}
.task-menu li:hover {
background-color: rgb(85,56,4);
}
#container {
width: 800px;
position: relative;
}
#header {
background-image: url(dark/header.gif);


background-position: center;
position: absolute;
width: 980px;
height: 205px;
}
#server_name {
display: none;


}
#panel {
position: absolute;
margin-top: 150px;
} 
#panel li {
background-image: url(dark/list-item.gif);
background-repeat: no-repeat;
padding-left: 30px;
list-style-type: none;
height: 23px;
}
#panel .top {
background-image: url(dark/top.gif);
width: 174px;
height: 25px;
padding-left: 0;
padding-right: 0;
padding-top: 5px;
text-align: center;
font-weight: bold;
}
#panel .mid {
background-image: url(dark/mid.gif);
background-repeat: repeat-y;
text-align: center;
padding: 10px;
width: 154px;
}
#panel .bot {
background-image: url(dark/bot.gif);
background-repeat: no-repeat;
padding: 0;
margin: 0;
width: 174px;
height: 13px;
}
#panel ul {
width: 174px;
padding: 0;
margin: 0;
}
#panel a {
text-decoration: none;
color: white;
}
#panel a:hover {
font-weight: bold;
}
#content { 
margin-left: 200px;
width: 549px;


}
#content {
position: absolute;
margin-left: 174px;
margin-top: 150px;
}
#content .top {
background-image: url(dark/big-top.gif);
width: 626px;
height: 25px;
padding-left: 0;
padding-right: 0;
padding-top: 5px;
text-align: center;
font-weight: bold;
}
#content .mid {
background-image: url(dark/big-mid.gif);
background-repeat: repeat-y;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
width: 586px;
min-height: 250px;
}
#content .bot {
background-image: url(dark/big-bot.gif);
background-repeat: no-repeat;
padding: 0;
margin: 0;
width: 626px;
height: 13px;
}
#error {
background-image: url(dark/error.png);
background-repeat: no-repeat;
position: absolute;
font-family: Verdana;
font-size: 8pt;
font-weight: bold;
width: 175px;
height: 70px;
padding-left: 60px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 240px;
margin-top: 100px;
cursor: pointer;
}
#captcha-image {
margin-top: 5px;
}
#account-image {
background-image: url(dark/beastie.gif);
background-repeat: no-repeat;
width: 227px;
height: 265px;
float: right;
}
#choose-skill {
float: left;
margin-right: 20px;
}
#form #iobox {
z-index: 10;
position: fixed;
/*IE position: absolute;*/
background-color: #656565;
border: 1px solid #000;
cursor: move;
}
#form #iobox fieldset {
cursor: default;
}

 

 

Header.inc.php

<!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">
<head>
<meta name="Author" content="nicaw" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title><?php echo $ptitle?></title>
<link rel="stylesheet" href="default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo $cfg['skin_url'].$cfg['skin']?>.css" type="text/css" media="screen" />
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
<link rel="alternate" type="application/rss+xml" title="News" href="news.php?RSS2" />
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/main.js"></script>
<link rel="shortcut icon" href="resource/favicon.ico" />
<?php if (!empty($_SESSION['account']) && empty($_COOKIE['remember'])){?>
<script type="text/javascript">
//<![CDATA[
function tick()
    {
        ticker++;
        if (ticker > <?php echo $cfg['timeout_session'];?>){
            self.window.location.href = 'login.php?logout&redirect=account.php';
        }else{
            setTimeout ("tick()",1000);
        }
    }
    ticker = 0;
    tick();
//]]>
</script>
<?php }?>
</head>
<body>
<div id="form"></div>
<div id="container">
<div id="header"><div id="server_name"><?php echo $cfg['server_name']?></div></div>
</br></br></br>
<div id="panel">
<div id="navigation">
<?php 
if (file_exists('navigation.xml')){
$XML = simplexml_load_file('navigation.xml');
if ($XML === false) throw new aacException('Malformed XML');
}else{die('Unable to load navigation.xml');}
foreach ($XML->category as $cat){
echo '<div class="top">'.$cat['name'].'</div><ul>'."\n";
foreach ($cat->item as $item)
echo '<li><a href="'.$item['href'].'">'.$item.'</a></li>'."\n";
echo '</ul><div class="bot"></div>'."\n";
}
?>
</div>
<div id="status">
<div class="top">Status</div>
<div class="mid">
<?php
if(!empty($_SESSION['account'])) {
    $account = new Account();
    $account->load($_SESSION['account']);
    echo 'Logged in as: <b>'.$account->attrs['name'].'</b><br/>';
    echo '<button onclick="window.location.href=\'login.php?logout&redirect=account.php\'">Logout</button><hr/>';
}
?>
<div id="server_state">
<span class="offline">Server Offline</span>
<script type="text/javascript">
//<![CDATA[
    new Ajax.PeriodicalUpdater('server_state', 'status.php', {
      method: 'get', frequency: 60, decay: 1
    });
//]]>
</script>
</div>
</div>
<div class="bot"></div>
</div>
<div id="shop">
<div class="top">
Black World Shop</div>
<div class="mid">
<a href="http://127.0.0.1/site/shopsystem/index.php?subtopic=shopsystem"><img border="0" height="150" src="https://4.bp.blogspot.com/-1xvMdWSKRAo/Vv7MKqOjypI/AAAAAAAAACQ/dwJf8jfbNeUjOw7G-qU3dQ18eka2ownWQ/s200/photo-82610.png" width="150" /></a>
<b><span style="color: #eeeeee; font-family: "arial" , "helvetica" , sans-serif; font-size: 15px;">Troque Suas</span></b><br />
<b><span style="color: #eeeeee; font-family: "arial" , "helvetica" , sans-serif; font-size: 15px;"> Premiums Coins
Aqui!
</span></b></div>
</div>
<div class="bot">
</div>
</br></br></br></br>
</div>
</div>   

imagem do meu site

 

 

 

COMO RESOLVI:

Procurei Procurei Procurei... vi vários videos no Youtube ensinando a criar sites php até que achei um que me agradou kk

vá na pasta layout do seu site, depois abra o arquivo da configuração do seu layout,

Exemplo: Dark, ou Darktibia, em fim... abra o arquivo e de CTR + F e procure por isso.

Depois disso

#panel a:hover {
font-weight: bold;}

 

Adicione isso:

#panel2 {
       margin-left: 800px; 
       text-align: center; 
       width:300px; 
       position: absolute; 
       top: 225px;


} 
#panel2 .item_shop{
background-image: url(dark/top.gif);
width: 174px;
height: 25px;
padding-left: 0;
padding-right: 0;
padding-top: 5px;
text-align: center;
font-weight: bold; 
}


#panel2 .titulo{ 
padding-top: 45px;
}
#panel2 ul {
width: 174px;
padding: 0;
margin: 0;
}

 

[Danihcv 335]

Tópico Movido
Este tópico foi movido de "OTServ → Websites → Downloads Websites → Adicionais de Websites"
para "OTServ → Websites → Suporte Websites → Tópicos Resolvidos | Websites".