Ich würde gerne eine Waagerechte Loginbox haben wollen:
So wie hier auf dem Bild:
externer Link
Gibt es hier jemanden der mir das machen könnte ?
Alle Funktionen sollen bitte aber als Textlink sein und nicht mit Bildern.
Sprich Login , Logout usw.
betroffene Homepage: externer Link
Ps. Hier der Code für das Design ist ja nun nur noch mit 2 Spalten:
Die Index.htm :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/ilchClan2/style.css">
</head>
<body>
<div id="wrap">
<div id="top"></div>
<div id="header"><h1>{SITENAME}</h1></div>
<div id="top2"><font><b> » </b>{HMENU}</font></div>
<div id="content">
<div id="left_col">
{_list_menunr1@
<b class="menu_heading">%1</b>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr style="height: 12px;background: url(include/designs/ilchClan2/img/box_left_middle.gif) top left repeat-y;">
<td style="height: 12px; background: url(include/designs/ilchClan2/img/box_left_top.gif) top left no-repeat;"></td>
</tr>
<tr>
<td style="background: url(include/designs/ilchClan2/img/box_left_middle.gif) top left repeat-y;" align="top">%2</td>
</tr>
<tr style="height: 9px;background: url(include/designs/ilchClan2/img/box_left_middle.gif) top left repeat-y;">
<td style="height: 9px; background: url(include/designs/ilchClan2/img/box_left_bottom.gif) bottom left no-repeat;"></td>
</tr>
</table>
<br />
}
</div>
<div id="main_col">{EXPLODE}</div>
<div id="right_col2">
{_list_menunr2@
<table width="141" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width:141px; height:21px; background: url(include/designs/ilchClan2/img/box_middle-right_top.gif) no-repeat;" align="center"><b class="menu_heading">%1</b></td>
</tr><tr>
<td style="min-height:100px; background: url(include/designs/ilchClan2/img/box_mittle-right_middle.gif) repeat-y; padding:4px;">%2</td>
</tr><tr>
<td><img src="include/designs/ilchClan2/img/box_right_bottom.gif" alt="" /></td>
</tr>
</table>
<br />
}
</div>
<br style="clear: both;" />
</div>
<!--
Der Link darf generell entfernt werden (Lizenz GNU/GPL)
Ich bitte aber darum, aufgrund der extrem vielen Arbeit die in diesem
Script steckt, ilch.de irgendwie mit einem Banner einem Link oder
sonst irgendwie zu unterstuetzen. Danke !!
//-->
<div id="footer">Script Copyright by <a href="http://www.ilch.de/" target="_blank">ilch.de</a></div>
</div>
</body>
</html>
<!--
{_list_DDDmenupoint@
<strong><big>·</big></strong>
<a %1 class="box" href="%2">%3</a>
<br />
}
//-->
<!-- beispiel:
[null, '%3', '%2', '%1', null|],|,
-->
<!-- anfang + link |ende |teilende|teilee -->
<!-- horizontaler menupunkt -->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
<!-- horizontaler menupunkt anfang -->
{_list_hmenubegi@<ul>}
<!-- horizontaler menupunkt ende -->
{_list_hmenuende@</ul>}
<!-- vertikaler menupunkt -->
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
<!-- vertikaler menupunkt anfang -->
{_list_vmenubegi@<ul>}
<!-- vertikaler menupunkt ende -->
{_list_vmenuende@</ul>}
Die Style.css
/*
css Datei copyright by ilch.de
erstellt von scaRFhogg
seite: www.daiwai.de
--
Design copyright by ilch.de
erstellt von fanguro
seite: www.zurro.de
überarbeitet by Siggi
seite: www.rautesiggi.de
--
Support auf www.ilch.de
*/
body {
margin: 0;
padding: 0;
text-align: center;
background-color: #4A4849;
font-size: 12px;
font-family: Verdana, sans-serif;
}
#wrap {
position: relative;
width: 967px;
text-align: left;
margin: 0 auto 0 auto;
}
#top {
background: url(img/top.gif);
height: 67px;
}
#header {
background: url(img/logo.gif);
height: 153px;
text-align: center;
vertical-align:middle;
}
#header h1 {
display: inline;
position: absolute;
top: 110px; left: 100px;
color: #fff;
font-family: 'Trebuchet MS';
font-weight: normal;
font-size: 24px;
}
#top2 {
background: url(img/top2.gif);
height: 31px;
}
#top2 font {
display: inline;
position: absolute;
left: 172px;
margin-top: 2px;
font-size: 10px;
text-decoration: none;
}
#content {
background: url(img/contentbg.gif);
background-repeat: repeat;
width: 964px;
}
#footer {
background: url(img/footer.gif);
height: 33px;
text-align: center;
vertical-align: middle;
}
#left_col {
width: 158px;
float: left;
padding-top: 0px;
padding-left: 9px;
padding-right: 18px;
padding-bottom: 0px;
color: #fff;
overflow: hidden;
}
#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
color: #000000;
}
#left_col a {
color: #CCCCCC;
}
#left_col .menu_heading
{
color: #000;
display:block;
letter-spacing: 1px;
font-size: 11px;
padding: 0 0 3px 5px;
}
#main_col {
width: 592px;
float: left;
padding-top: 0px;
padding-left: 5px;
padding-right: 20px;
padding-bottom: 0px;
clear: none;
min-height: 100px;
overflow: auto;
}
#right_col1 {
width: 141px;
float: left;
padding-top: 0px;
padding-left: 7px;
padding-right: 10px;
padding-bottom: 0px;
overflow: hidden;
}
#right_col2 {
width: 141px;
float: right;
padding-top: 0px;
padding-left: 0px;
padding-right: 14px;
padding-bottom: 0px;
overflow: hidden;
}
#right_col1 .menu_heading,
#right_col2 .menu_heading
{
color:#fff;
font-size:11px;
letter-spacing: 1px;
}
#left_col ul
{
padding: 0;
margin: 0;
list-style: inside url(img/box_menu_pfeil.gif);
width: 149px;
}
#left_col li
{
margin:0;
padding: 5px 0 0 2px;
background: url(img/box_menu_trennlinie.gif) no-repeat bottom;
}
#left_col li ul
{
width: 146px;
background: url(img/box_menu_trennlinie.gif) no-repeat top;
}
#left_col li li
{
padding-left: 16px;
}
#left_col li a
{
color: #fff;
padding-left: 8px;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
td
{
font-family: Verdana;
font-size: 12px;
}
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
{
color: #003366;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
a.box
{
color: #003366;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
a.box:hover
{
text-decoration: none;
}
.Chead
{
background: #16639b;
color: #9dbdd4;
}
.Chead a
{
color: #9dbdd4;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
background: #16639b;
color: #9dbdd4;
}
.Callg
{
background-color: #EFEFEF;
color: #000000;
}
.Callg td
{
color: #000000;
}
.Cnorm
{
background-color: #e5e5e5;
}
.Cmite
{
background-color: #B4C6D8;
}
.Cdark
{
background-color: #9AB1C8;
}
.rand
{
border: solid #185685 1px;
}
.smalfont
{
font-size: 10px;
text-decoration: none;
}
.border
{
background-color: #185685;
}
hr
{
height: 0px;
border: solid #003366 0px;
border-top-width: 1px;
}
input, textarea, select
{
color: #000000;
font: 12px Verdana;
border-color: #185685;
border-width: 1px;
border-style: solid;
font-weight: none;
text-decoration: none;
background-color: #EFEFEF;
}
Zuletzt modifiziert von DR-Skeppy am 17.10.2011 - 00:43:37
Zitat geschrieben von Ahrtas
wie man sieht hats sich erledigt - wird ja alles so wie auf dem "Wunschscreen" angezeigt 