Finally i made it by entering what you sai but a little bit modded.
In my theme main.php found
PHP Code:
include("./blocks/usercp.php");
and added after
PHP Code:
echo '<div id="sideBar">';
echo '<a id="sideBarTab"><img src="themes/archeCtypo/images/slide-button.png" alt="sideBar" title="sideBar" /></a>';
echo '<div id="sideBarContents" style="width:0px;">';
echo '<div id="sideBarContentsInner">';
echo '<h2 align="center"> </h2>';
echo '<ul>';
echo '<li><a href="http://www.animeclipse.com">AnimeClipse</a></li>';
echo '<li><a href="http://www.omega-team.eu">Omega Team</a></li>';
echo '<li><a href="http://www.anime-greek.com">Anime-Greek</a></li>';
echo '<li><a href="http://animearth.com">Animearth</a></li>';
echo '<li><a href="http://seikisubs.blogspot.com">Seiki Subs</a></li>';
echo '<li><a href="http://eternallightsubs.niceboard.net/portal.htm">Eternal Light Subs</a></li>';
echo '<li><a href="http://www.ss-anime.info">SS-Anime</a></li>';
echo '<li><a href="http://www.tzatziki-fansubs.com">TzaTziki Fansub</a></li>';
echo '<li><a href="http://www.onepiecegr-rpg.com">OnePieceGr</a></li>';
echo '<li><a href="http://www.animefiury.com">AnimeFiury</a></li>';
echo '<li><a href="http://taka-greece.blogspot.com">Taka Greece</a></li>';
echo '<li><a href="http://www.ookami-fansubs.com">Okami Fansubs</a></li>';
echo '</ul>';
echo '</div>';
echo '</div>';
echo '</div>';
Found:
PHP Code:
function overlib_init() {
echo "<script type=\"text/javascript\" src=\"overlib/overlib.js\"><!-- overLIB (c) Erik Bosrup --></script>\n";
echo "<script type=\"text/javascript\" src=\"overlib/overlib_shadow.js\"><!-- overLIB (c) Erik Bosrup --></script>\n";
and added after:
PHP Code:
echo "<script type=\"text/javascript\" src=\"themes/archeCtypo/js/mootools.js\"></script>\n";
echo "<script type=\"text/javascript\" src=\"themes/archeCtypo/js/side-bar.js\"></script>\n";
and added to my css file:
PHP Code:
h2{
color:#666666;
font-size:90%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold;
}
h2 span{
font-size:105%;
font-weight:normal;
}
ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
li{
margin:0px 0px 1px 15px;
padding:2px;
list-style-type:none;
display:block;
width:90px;
background-color: #cccccc;
}
li a{
width:100%;
}
li a:link,
li a:visited{
color:#2EB4F3;
font-family:verdana;
font-size:70%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0px;
width:100%;
}
li a:hover{
color:#666666;
text-decoration:inherit;
background-color: #CCCCCC;
}
#sideBar{
position: fixed;
width: auto;
height: 350px;
top: 200px;
right:0px;
background-image:url(images/test2.png);
background-position:top left;
background-repeat:no-repeat;
}
#sideBarTab{
float:left;
height:0px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
overflow:hidden !important;
}
#sideBarContentsInner{
width:127px;
}
But my upper right menu gets missplaced...is there any way to make a sidemenustyle.css associate it somehow with archectypo theme and paste the code in there?