Pesquisar na Comunidade

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; }