Schul Design gesucht

Hallo meine Lieben.
Ich kann zwar Designs coden, aber ich kann sie nicht für HPBK umcoden.
außerdem habe ich keine guten grafiken.
ich bräuchte:
Coolmenü;
Rechte Boxen;

Außerdem habe ich ein eigenen Hintergrund.

Ich gebe dafür 3 monate HauptseitenWerbung und für immer eine Rechtebox

spannend zuwissen wär doch mal wie dein hintergrundild aussieht, und wie du die seite codest .. ick hab meine per css gemacht is recht einfach ...

und wat du genau willst ..( für ne schulseite wär nen bild von der schule oder so ja nich schlecht - welches man dann bearbeitet und in den header packt)

ohne die angaben wird wohl nix entstehen xD

Hab mir gerade dieses Thema über css angesehen. Habe es nun Selber gemacht. wie mache ich aber noch andere Rechte Boxen rein.

Hey,

Könntest du uns zeigen, welches Tutorial du durchgearbeitet hast?
Dann können wir dir eher helfen.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING

Hier habe ich es gesehen.
http://www.homepage-baukasten.de/forum/viewtopic.php?t=100611
Brauche oben rechts noch eine box die das Schullogo enthällt.

Alles klar

Dann will ich idr mal ein bisschen auf die Sprünge helfen.

1. Schritt:
Du fügst bei "Text über Design" eine neue Box ein, bsp. "logo":

2. Schritt:
Bei "CSS-Code ohne Styletags" fügst du folgendes hinzu:

So wie ich das gelesen habe, kannst du CSS, jetzt die Box einfach positionieren und die gewünschten Styleanweisungen hinzufügen.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING

ja dass wusste ich ja,
aber ich dachte es gibt noch andere Rechte boxen ^^
wie bei Iceblue weißt du.

Edit:

^^

Ich hatte da einen Code für Coolmenü:

<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 0px;
left: 0px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(URL);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Untermenü 1.1">Untermenü 1.1</a></li>
<li><a href="Untermenü 1.2">Untermenü 1.2</a></li>
<li><a href="Untermenü 1.3">Untermenü 1.3</a></li>
<li><a href="Untermenü 1.4">Untermenü 1.4</a></li>
<li><a href="Untermenü 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
</div>


Den code einfach unter "Text über dem Design" einfügen.