Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag07.04.2010 um 13:39 (UTC)    
Titel: Footer an Navigation anpassen...

Hallöchen,
Ich wollte mal etwas fragen und zwar wie kann ich den Footer an der Navigation und an der Rechten Box anpassen? Ich benutze Iceblue.
Hier mal ein beispiel --> http://www.croftcollection.com/accueil.php
Klickt mal auf verschiedene Seiten und achtet auf die Navi und den Footer unten mit den bildern, genau so möchte ich das auch haben.
Danke schonmal im vorraus Smile

Mein Code:

Code:
<style type="text/css">
<!--
/* Diesen Teil nicht rauslöschen*/
/* Copyright by Coolplace http://www.coolplace.de.tl */
/* Autor: whit3tig3r http://www.whit3tig3r.de.tl */

/* Allgemein */
td.idcp{visibility:hidden;}
body{background-image:url();background-color:#ffffff;}

/* Header */
td.edit_header_full{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/header_bild0.jpg);border: 2px dotted #XXXXXX;}

/* Navigation */
td.edit_navi_headbg{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button08a.gif);}
td.nav_heading{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button08a.gif);height: 30px;padding-left: 30px;font-size: 20x;font-weight:bold;}
td.nav{background-image: url();height: 34px;}
td.nav:hover{background-image: url();height: 26px;}
td.nav a{color: #6AC435;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #6AC435;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #6AC435;font-size: 11px;font-weight}
td.edit_below_nav{visibility: hidden;}


/* Content */
td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/white1.jpg);width: 100%;}
td.edit_content_top{height: 33px;background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/white1.jpg);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{padding-left: 20px;background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/white1.jpg);}
td.edit_content div{color: #FFFFFF;font-size: 12px;font-weight: bold;}
td.edit_content p{color: #FFFFFF;font-size: 12px;font-weight: bold;}
td.edit_content font{color: #FFFFFF;font-size: 12px;font-weight: bold;}
td.edit_content_bottom{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/white1.jpg);height:auto;}
td.edit_content_bottom2{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/header_bild0.jpg);height:auto;}
td.headline2{visibility: hidden;}

/* Rechte Boxen */
td.sidebar_heading{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button010c.gif);height: 30px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button1231.jpg);background-color: #;border: px dotted #000000;}
td.edit_rechts_bottom{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button1231.jpg);width: 15%;}
td.edit_rb_footer{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button1231.jpg);}
td.edit_rechts_sbg{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button1231.jpg);visibility: hidden;}
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
border: px solid #000000;}
-->
</style>

</style>
</head>
<body>
<FONT color="white"><style type="text/css">
<!--
td.edit_header_full{background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/header_bild.jpg);background-color:#XXXXXX;width:
921; height: 330px;}
-->
</style>



<style type="text/css">
<!--
td#nav_Men {text-decoration: none; color:#000000; width: 185px;height: 34px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button1.jpg);}
body { background-color:#B6849A;}

td#nav_Home {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button2.jpg);}
body { background-color:#B6849A;}

td#nav_Kontakt {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_Downloads {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_LinksPartner {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_Gstebuch {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button4.jpg);}
body { background-color:#B6849A;}

td#nav_Games {text-decoration: none; color:#000000; width: 185px;height: 34px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button1.jpg);}
body { background-color:#B6849A;}

td#nav_TombRaiderI {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button2.jpg);}
body { background-color:#B6849A;}

td#nav_TombRaiderII {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_TombRaiderIII {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_TombRaiderIV {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}
 
td#nav_TombRaiderV {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_TombRaiderVI {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_TombRaiderVII {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_TombRaiderVIII {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_TombRaiderIX {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button4.jpg);}
body { background-color:#B6849A;}

td#nav_LaraCroft {text-decoration: none; color:#000000; width: 185px;height: 34px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button1.jpg);}
body { background-color:#B6849A;}

td#nav_Entstehung {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button2.jpg);}
body { background-color:#B6849A;}

td#nav_Biografie {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_Steckbrief {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button4.jpg);}
body { background-color:#B6849A;}

td#nav_RaiderTV {text-decoration: none; color:#000000; width: 185px;height: 34px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button1.jpg);}
body { background-color:#B6849A;}

td#nav_TombRaiderTV {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button4.jpg);}
body { background-color:#B6849A;}

td#nav_Sonstiges {text-decoration: none; color:#000000; width: 185px;height: 34px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button1.jpg);}
body { background-color:#B6849A;}

td#nav_Romane {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button2.jpg);}
body { background-color:#B6849A;}

td#nav_Movies {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_Award {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_XNALara {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_Umfragen {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button4.jpg);}
body { background-color:#B6849A;}

td#nav_FanArt {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}

td#nav_Chat {text-decoration: none; color:#000000; width: 185px;height: 26px;background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/button3.jpg);}
body { background-color:#B6849A;}
-->
</style>






<div align="center"> <table border="0" width="60%" id="table1"> <tr> <td> <div align="center"> <style type="text/css"> <!-- table.edit_main_table{width: 100%;} td.edit_main_tr{width: 100%;} table.edit_second_table{width: 100%;} td.edit_header_full{width: 100%;background-position:center;background-repeat:no-repeat; } td.edit_header_full table{width: 100%;} table.edit_third_table{width: 100%;} table.edit_rechts_tabelle{width: 100%;} --> </style>

<style type="text/css">
body {
background-attachment: fixed;
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/fond1.jpg);
}
</style>











<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 15px;
overflow: auto;
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: 15px;
padding-top: 5px; }

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

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

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button09b.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 25px;
color: #6AC435; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #6AC435;
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button09b.gif);
color: #6AC435; }

#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="LINK">Galerie(Aufbau)</a> </li>
</ul>
</li>
<li><a href="LINK">Forum(Aufbau)</a> </li>
</ul>
</li>
<li><a href="http://tomb-raider-extreme.de.tl/Registrieren.htm">Registrieren</a> </li>
</ul>
</li>
<li><a href="LINK">Shop(Aufbau)</a> </li>
</ul>
</li>
</div>







<style type="text/css">
<!--
.shouty{
background-image: none;
background-color: transparent;}
-->
</style>

<style type="text/css">
<!--
td#nav_LinksPartner:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_Home:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button6.jpg);
}
td#nav_Kontakt:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_Downloads:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_Gstebuch:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button5.jpg);
}
td#nav_TombRaiderI:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button6.jpg);
}
td#nav_TombRaiderII:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_TombRaiderIII:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_TombRaiderIV:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_TombRaiderV:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_TombRaiderVI:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_TombRaiderVII:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_TombRaiderVIII:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_TombRaiderIX:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button5.jpg);
}
td#nav_Entstehung:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button6.jpg);
}
td#nav_Biografie:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_Steckbrief:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button5.jpg);
}
td#nav_TombRaiderTV:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button5.jpg);
}
td#nav_Romane:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button6.jpg);
}
td#nav_Movies:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_Award:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_XNALara:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_FanArt:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_Chat:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button77.jpg);
}
td#nav_Umfragen:hover
{
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/button5.jpg);
}
-->
</style>




Zuletzt bearbeitet von tomb-raider-extreme am 07.04.2010, 14:39, insgesamt einmal bearbeitet
Beitrag07.04.2010 um 13:43 (UTC)    
Titel:

Ich würde sagen, Du solltest Dir ein komplett neues Design erstellen.

Hast Du eigentlich schon mal in Deinen Quelltext geschaut? Dort steht "copyright by coolplace" und das bedeutet, daß Du ein Design von ihm hast, was Du nicht einfach verändern darfst, es sei denn, Du hast seine Erlaubnis Wink

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beitrag07.04.2010 um 15:56 (UTC)    
Titel:

Doch klar hab ich eine Erlaubnis.
Das ist schon alles geklärt, ich hab das Design auch schon ziemlich lange.
Also da brauch ich mir keine gedanken drüber machen Very Happy
Aber wüsstest du denn wie ich das hinbekommen würde mit dem Footer?
Beitrag07.04.2010 um 16:21 (UTC)    
Titel:

Du hast hier

td.edit_content_bottom2{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/header_bild0.jpg);height:auto;}

Dein Header-Bild eingefügt Wink

Ändere das wie im content_bottom mal in das weiße Bild, dann müßte es gehen.

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beitrag07.04.2010 um 16:33 (UTC)    
Titel:

Ja das weiß ich auch Very Happy
Aber ich meine, ich möchte unten den Footer so haben wie auf der Seite, also so lang und darüber sind ja Bilder also Rechts das Lara Croft bild und Links die Unterschrift des machers von der Seite und sooo möchte ich das auch gerne haben Smile
Hier nochmal die beispiel seite --> http://www.croftcollection.com/accueil.php
Dort unten sind die Bilder also so zusagen auf dem Footer drauf.
Beitrag07.04.2010 um 16:46 (UTC)    
Titel:

Diese Seite ist ein dymisches php-Design, das kann man nicht 1:1 so übertragen.

Für die unterste schmale Leiste ginge das vielleicht, wenn Du eine neue Klasse erstellst. Da kann ich Dir aber nicht weiterhelfen, das können andere hier besser.

Unter Deine Navi bekommst Du ein Bild mit diesem Code:

Code:
td.edit_below_nav{background-image: url(URL);
background-repeat:no-repeat;background-position: center center;}


müßtest halt dann noch ausrichten, daß das Bild immer ganz unten ist.

Ob eine Grafik unter den rechten Boxen möglich ist, kann ich Dir nicht sagen, dazu müßtest Du in den Tutorials noch mal die Klassen nachlesen.

Tut mir leid, daß ich Dir nicht weiterhelfen kann.

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beitrag07.04.2010 um 16:54 (UTC)    
Titel:

Achso ok, aber trotzdem danke für die hilfe.
Aber eine Frage hätte ich noch, den Code den du mir grade gegeben hast wo müsste ich den einfügen? Very Happy
lg
Beitrag07.04.2010 um 18:38 (UTC)    
Titel:

einfach zwischen Deine Style-Tags bei "Text über Design". Dort wo auch die anderen Desig-Codes stehen.

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de