Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.10.2010 um 07:41 (UTC)    
Titel: Neues Fe nster

Hallo,
ich hab mir heute so über die nacht mal ein kostenloses template geholt... aber ich hab ein problem!

ich hab ja oben auf meiner page die kategorien... aber wenn ich drauf klicke bleibt der immer wieder bei mir auf der home seite weiß jemand von euch wie ich das mit write area oder einen anderen add on so schreiben kann das der ne komplett neue seite / tab aufmacht? aber so das oben bei mir halt noch mein header und kategorien da sind ?

hoffe ihr habt mich son bischen verstanden xD


danke schonma

hier nochma meine page zum gucken : www.djohrbassmus.de.tl
Beitrag30.10.2010 um 07:46 (UTC)    
Titel:

Also was ich bei dir im CSS Code gefunden habe, ist dass du deine
Navigation nicht Verlinkt hast.

Am besten du Postest hier mal den Code "Über dem Design"




Arrow


Zuletzt bearbeitet von nuo-musik am 30.10.2010, 08:50, insgesamt einmal bearbeitet
Beitrag30.10.2010 um 07:50 (UTC)    
Titel:

[quote]<div id="templatemo_wrapper">
<div id="templatemo_header"><a href="http://www.templatemo.com" target="_parent">Club Runner</a></div>
<!-- end of templatemo_header -->
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Our Club</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Tickets</a></li>
<li><a href="#" class="last">Contact</a></li>
</ul>
</div>
<!-- end of templatemo_menu -->
<div id="templatemo_main">
<div id="templatemo_content">
<div class="content_box">
<h2>Willkommen auf unser Seite</h2>
<a href="http://www.templatemo.com/page/1" target="_parent"><img alt="http://www.technobochum.de/de/img/aktuell_n.gif" src="http://www.technobochum.de/de/img/aktuell_n.gif"></a>
<h5>Unsere Seite</h5>
<p>Unsere Seite findet sich zurzeit noch im Aufbau. Da Ich bisher noch nicht die richtigen Kenntnisse von Css habe, aber gerade dabei bin es mir anzueignen.</p>
<p>Ich hoffe unsere Seite wird euch demn&auml;chst gefallen</p>
<div class="clear h40">&nbsp;</div>
<a href="http://www.youtube.com" target="_parent"><img src="http://www.native-instruments.com/forum/niskin/misc/youtube.gif" alt="http://www.native-instruments.com/forum/niskin/misc/youtube.gif"></a>
<h5>Wir auf Youtube</h5>
<p>Nat&uuml;rlich sind wir auch auf der bekannten Seite Youtube zufinden. Da ich aber zurzeit nicht so viel f&uuml;r dei Homepage habe kommen die Links etwas sp&auml;ter unsere Homepage&nbsp; </p>
<a class="float_r" href="#">Details...</a>
<div class="clear">&nbsp;</div>
</div>
<div class="content_box">
<h2>CLUB SERVICES</h2>
<ul class="tmo_list col_w250 float_l">
<li><a href="#">Cum sociis natoque penatibus</a></li>
<li><a href="#">Quisque iniaus a velium sociis</a></li>
<li><a href="#">Curabitur quis velit quis tortor</a></li>
<li><a href="#">Quisque in sto condimentum</a></li>
<li><a href="#">Vivamus leo velonvallis id</a></li>
</ul>
<ul class="tmo_list col_w250 float_r">
<li><a href="#">Gociis natoqupenatibus emagni</a></li>
<li><a href="#">Quisque rhoncus nulla quis</a></li>
<li><a href="#">Cum sociis natoque penatibus</a></li>
<li><a href="#">Magnis dis parturient mont</a></li>
</ul>
</div>
</div>
<!-- end of content -->
<div id="templatemo_sidebar">
<div class="sidebar_box">
<h2>Best Entertainment</h2>
<p>Donec mollis aliquet ligula. Maecenas adip iscing elementum ipsum. Pellentesque vitae magna.</p>
<ul class="tmo_list">
<li><a href="#">Sed nec esuspendisse a nibh</a></li>
<li><a href="#">Justo rhoncus volutpat</a></li>
<li><a href="#">Landit tincidunt</a></li>
<li><a href="#">Fvitae velit sed dumalesuada</a></li>
</ul>
</div>
<div class="sidebar_box">
<h2>Latest DJ Mixes</h2>
<ul class="tmo_list">
<li><a href="#">Fnatoque penatibus</a></li>
<li><a href="#">Met magnis dis parturient mont</a></li>
<li><a href="#">Pascetur ridiculus mus</a></li>
<li><a href="#">Curabitur quis velit quis</a></li>
</ul>
</div>
<div class="sidebar_box last_box"><a href="#"><img src="images/templatemo_banner.jpg" alt="image"></a></div>
<br>
<a href="http://validator.w3.org/check?uri=referer"><img border="0" vspace="8" style="border: 0pt none; width: 88px; height: 31px;" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional"></a> &nbsp;&nbsp; <a href="http://jigsaw.w3.org/css-validator/check/referer"><img border="0" vspace="8" style="border: 0pt none; width: 88px; height: 31px;" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!"></a></div>
<!-- end of sidebar --></div>
<!-- end of main -->
<div id="templatemo_footer">Copyright &copy; 2048 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> | Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></div>
<!-- end of footer --></div>
<!-- end of wrapper -->
Zitat:




hoffe echt du kannst mir weiterhelfen:)
Beitrag30.10.2010 um 08:01 (UTC)    
Titel:

Also du bei <div id="templatemo_menu">,
deine links bei diesem hier # einfügen z.b.
djohrbassmus.de.tl/Our Club.htm
djohrbassmus.de.tl/Events.htm
djohrbassmus.de.tl/Services.htm

u.s.w.

Wenn du das überall gemacht hast,
müsste es eigentlich gehen. Aber vergesse nicht
dir bei "Eigene Seiten Idieren" die dazu
gehörenden Seiten zu erstellen.



Code:
<div id="templatemo_wrapper">
<div id="templatemo_header"><a href="http://www.templatemo.com" target="_parent">Club Runner</a></div>
<!-- end of templatemo_header -->



<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Our Club</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Tickets</a></li>
<li><a href="#" class="last">Contact</a></li>
</ul>
</div>




<!-- end of templatemo_menu -->
<div id="templatemo_main">
<div id="templatemo_content">
<div class="content_box">
<h2>Willkommen auf unser Seite</h2>
<a href="http://www.templatemo.com/page/1" target="_parent"><img alt="http://www.technobochum.de/de/img/aktuell_n.gif" src="http://www.technobochum.de/de/img/aktuell_n.gif"></a>
<h5>Unsere Seite</h5>
<p>Unsere Seite findet sich zurzeit noch im Aufbau. Da Ich bisher noch nicht die richtigen Kenntnisse von Css habe, aber gerade dabei bin es mir anzueignen.</p>
<p>Ich hoffe unsere Seite wird euch demn&auml;chst gefallen</p>
<div class="clear h40">&nbsp;</div>
<a href="http://www.youtube.com" target="_parent"><img src="http://www.native-instruments.com/forum/niskin/misc/youtube.gif" alt="http://www.native-instruments.com/forum/niskin/misc/youtube.gif"></a>
<h5>Wir auf Youtube</h5>
<p>Nat&uuml;rlich sind wir auch auf der bekannten Seite Youtube zufinden. Da ich aber zurzeit nicht so viel f&uuml;r dei Homepage habe kommen die Links etwas sp&auml;ter unsere Homepage&nbsp; </p>
<a class="float_r" href="#">Details...</a>
<div class="clear">&nbsp;</div>
</div>
<div class="content_box">
<h2>CLUB SERVICES</h2>
<ul class="tmo_list col_w250 float_l">
<li><a href="#">Cum sociis natoque penatibus</a></li>
<li><a href="#">Quisque iniaus a velium sociis</a></li>
<li><a href="#">Curabitur quis velit quis tortor</a></li>
<li><a href="#">Quisque in sto condimentum</a></li>
<li><a href="#">Vivamus leo velonvallis id</a></li>
</ul>
<ul class="tmo_list col_w250 float_r">
<li><a href="#">Gociis natoqupenatibus emagni</a></li>
<li><a href="#">Quisque rhoncus nulla quis</a></li>
<li><a href="#">Cum sociis natoque penatibus</a></li>
<li><a href="#">Magnis dis parturient mont</a></li>
</ul>
</div>
</div>
<!-- end of content -->
<div id="templatemo_sidebar">
<div class="sidebar_box">
<h2>Best Entertainment</h2>
<p>Donec mollis aliquet ligula. Maecenas adip iscing elementum ipsum. Pellentesque vitae magna.</p>
<ul class="tmo_list">
<li><a href="#">Sed nec esuspendisse a nibh</a></li>
<li><a href="#">Justo rhoncus volutpat</a></li>
<li><a href="#">Landit tincidunt</a></li>
<li><a href="#">Fvitae velit sed dumalesuada</a></li>
</ul>
</div>
<div class="sidebar_box">
<h2>Latest DJ Mixes</h2>
<ul class="tmo_list">
<li><a href="#">Fnatoque penatibus</a></li>
<li><a href="#">Met magnis dis parturient mont</a></li>
<li><a href="#">Pascetur ridiculus mus</a></li>
<li><a href="#">Curabitur quis velit quis</a></li>
</ul>
</div>
<div class="sidebar_box last_box"><a href="#"><img src="images/templatemo_banner.jpg" alt="image"></a></div>
<br>
<a href="http://validator.w3.org/check?uri=referer"><img border="0" vspace="8" style="border: 0pt none; width: 88px; height: 31px;" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional"></a> &nbsp;&nbsp; <a href="http://jigsaw.w3.org/css-validator/check/referer"><img border="0" vspace="8" style="border: 0pt none; width: 88px; height: 31px;" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!"></a></div>
<!-- end of sidebar --></div>
<!-- end of main -->
<div id="templatemo_footer">Copyright &copy; 2048 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> | Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></div>
<!-- end of footer --></div>
<!-- end of wrapper -->
Beitrag30.10.2010 um 08:08 (UTC)    
Titel:

sorry bin anfänge also auf eigene seiten editieren die seiten erstellen? und wie geht es denn weiter? leitet der denn automatisch auf die seite weiter?

oder wie meinste das? Razz

sry mach mit css erst seit heute um 7 uhr ist mein erster versuch trotzdfem danke für die hilfe Smile
Beitrag30.10.2010 um 08:23 (UTC)    
Titel:

So gehe auf:

"Eigene Seiten Idieren"

Erstelle dort deine Menüpunkte z.b.

Home
News
Historie
Themen
Tickets
Kontakt

Speichere sie und kopiere die Links von den Seiten und Setzte sie bei
jeweils einen Punkt in dem Navi Code "<div id="templatemo_menu">"
bei # ein.

So:

Code:
<div id="templatemo_menu">
<ul>
<li><a href="djohrbassmus.de.tl/Home.htm" class="current">Home</a></li>
<li><a href="djohrbassmus.de.tl/News.htm">News</a></li>
<li><a href="djohrbassmus.de.tl/Historie.htm">Historie </a></li>
<li><a href="djohrbassmus.de.tl/Themen.htm">Themen </a></li>
<li><a href="djohrbassmus.de.tl/Tickets.htm">Tickets</a></li>
<li><a href="djohrbassmus.de.tl/Kontakt.htm" class="last">Kontakt</a></li>
</ul>
</div>


Wenn du das gemacht hast, kannst du es Speichern und fertig.
Jetzt müsste es funktionieren wie du es willst.

Arrow Arrow Wink
Beitrag30.10.2010 um 08:28 (UTC)    
Titel:

danke echt du hast mir sehr geholfen Smile
Beitrag30.10.2010 um 08:31 (UTC)    
Titel:

djohrbassmus hat Folgendes geschrieben:
danke echt du hast mir sehr geholfen Smile


Oke das wollte ich ja auch erreichen.....


Viel Spaß noch beim erstellen deiner Seite...


Arrow Arrow Arrow Arrow
Beitrag30.10.2010 um 08:39 (UTC)    
Titel:

ich hab doch noch ein problem ^^

ich hab das jetzt so gemacht kann aber trotzdem nicht auf news klicken Sad
Beitrag30.10.2010 um 08:41 (UTC)    
Titel:

ich denek auch mal beim template ist irgendwas falsch weil der strich durch den header soll gflaub ich auch net sein Sad
Beitrag30.10.2010 um 10:44 (UTC)    
Titel:

Hey,

Ich habe den Code jetzt soweit verändert, dass die vorher manuelle Navigation jetzt durch die richtige Navigation ersetzt wurde. Das heißt, wenn du eine neue Seite erstellst, sie automatisch in der Navigation auftaucht. Du kannst aber Unterseiten zu den jeweiligen Seiten erstellen, die werden in der Navigation nicht angezeigt.

CSS-Code ohne Styletags
Hier habe ich eigentlich nur so gut wie alle ID's den Baukasten-ID's angeglichen. Jetzt ist nur noch der Footer manuell zu erstellen.
Code:

body {
   margin: 0px;
   padding: 0px;
   color: #666666;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 12px;
   line-height: 1.5em;
   background-color: #010206;
   background-image: url(http://img.webme.com/pic/d/djohrbassmus/templatemo_image_02.jpg);
   background-repeat: repeat-x;
   background-position: top
}

a, a:link, a:visited { color: #999999; text-decoration: underline; }
a:hover { color: #00CCFF; text-decoration: none; }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: normal }
h1 { font-size: 34px; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 24px; margin: 0 0 30px 0; padding: 0; }
h3 { font-size: 21px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0; color: #d82b82; }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.clear { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { display: inline-block; border: 3px solid #35373b; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 30px 0 0 }
.image_fr { float: right; margin: 3px 0 0 30px }

blockquote { font-style: italic; margin-left: 10px}
cite { font-weight: bold; color:#ccc }
cite span { color: #ccc }
em { color: #fff; font-weight: 400 }

.tmo_list { margin: 0 0 0 20px; padding: 0; list-style: none }
.tmo_list li { color: #666666; margin:0 0 5px; padding: 3px 0 3px 15px; background: url(http://img.webme.com/pic/d/djohrbassmus/templatmeo_list.jpg) no-repeat scroll 0 10px }
.tmo_list li a { color: #666666; text-decoration: underline }
.tmo_list li a:hover { color: #00CCFF; }

#container_2 { width: 1020px; margin: 0 auto }

#header_container { width: 960px; padding: 0 30px; height: 369px; background: url(http://img.webme.com/pic/d/djohrbassmus/templatemo_header.jpg) no-repeat; margin-bottom: -13px; }

#header_container a {
   float: left;
   display: block;
   width: 300px;
   height: 150px;
   margin: 140px 0 0 110px;
   font-size: 24px;
   color: #fff;
   font-weight: normal;
   text-decoration: none;
   background: url(http://img.webme.com/pic/d/djohrbassmus/templatemo_logo.png) no-repeat top left;
   text-indent: -10000px;
}

/* menu */

#nav_container {
   width: 960px;
   height: 53px;
   padding: 0 25px;
   margin-bottom: 30px;
    background: url(http://img.webme.com/pic/d/djohrbassmus/templatemo_menu.jpg) no-repeat;
}

#tnav_container ul {
   height: 52px;
   margin: 0;
   padding: 1px 0 0 0;
   list-style: none;
overflow: hidden;
}

#nav_container ul li {
   padding: 0;
   margin: 0;
   display: block;
}

#nav_container ul li a {
   float: left;
   display: block;
   height: 37px;
   padding: 17px 52px 0 50px;
   font-size: 16px;
   color: #FFFFFF;   
   text-align: center;
   text-decoration: none;
   background: url(http://img.webme.com/pic/d/djohrbassmus/templatemo_menu_divider.jpg) center right no-repeat;
}

#nav_container ul li.subpage {
display: none;
}

#nav_container ul li a:hover, #nav_container ul .checked_menu {
   color: #0eb0ff;
}

#nav_SuperWebmaster10 { background: none; padding-right: 52px }

#nav_heading {
display: none; }

/* end of menu */

#content_container {
   width: 960px;
   padding: 30px;
}

#content {
   float: left;
   width: 560px
}

.content_box { clear: both; margin-bottom: 60px }
.col_w250 { width: 250px }
.last_box { margin: 0 }

#sidebar_container {
   float: right;
   width: 320px
}

.sidebar_box {
   margin-bottom: 50px
}
.last_box { margin: 0 }

#templatemo_footer {
   clear: both;
   width: 960px;
   padding: 70px 30px 20px;
   text-align: center;
   color: #fff;
   font-size: 14px;
   background: url(http://img.webme.com/pic/d/djohrbassmus/templatemo_footer.jpg) bottom center no-repeat;
}

#templatemo_footer a { color: #fff; }

#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#counter {display: none;}


Text über Design
Damit der Footer ebenfalls zentriert ist, brauchen wir einen zweiten Container, indem das gesamte Design eingebaut ist. der Baukasten-Container hätte den Footer nicht eingebaut.

Code:

<div id="container_2">


Text unter Design
Hier wird der Footer eingebaut, und der zweite Container geschlossen.

Code:

<div id="templatemo_footer">
Copyright © 2010 <a href="#">Your Company Name</a> |  Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> |  HPBK-Code by <a href="http://www.plekke.de">www.plekke.de</a>
</div>
</div>


Inhalt der ersten Extra-Box
Für die Sidebar sind im richtigen Template noch weitere Boxen vorgesehen. Die werden hier eingefügt. Bis auf die letzte Box haben alle die Klasse sidebar_box, nur die letzte hat noch die Ergänzung last_box.

Code:

<div class="sidebar_box">
<h2>Best Entertainment</h2>
<p>Donec mollis aliquet ligula. Maecenas adip iscing elementum ipsum. Pellentesque vitae magna.</p>
<ul class="tmo_list">
   <li><a href="#">Sed nec esuspendisse a nibh</a></li>
   <li><a href="#">Justo rhoncus volutpat</a></li>
   <li><a href="#">Landit tincidunt</a></li>

   <li><a href="#">Fvitae velit sed dumalesuada</a></li>
</ul>
</div>

<div class="sidebar_box">
<h2>Latest DJ Mixes</h2>
<ul class="tmo_list">
   <li><a href="#">Fnatoque penatibus</a></li>
   <li><a href="#">Met magnis dis parturient mont</a></li>
   <li><a href="#">Pascetur ridiculus mus</a></li>

   <li><a href="#">Curabitur quis velit quis</a></li>
</ul>
</div>

<div class="sidebar_box last_box">
<a href="#"><img src="images/templatemo_banner.jpg" alt="image"></a>
</div>


Ich hoffe, ich konnte dir helfen.

mfg[/code]
______________
THE JOY OF NOT BEING SOLD ANYTHING


Zuletzt bearbeitet von ig444 am 30.10.2010, 11:58, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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