NEUES LAYOUT!

Gesperrt
Mario
Beiträge: 33
Registriert: Di 17. Sep 2002, 17:57
Wohnort: da wo die hunde mit dem schwanz bellen
Kontaktdaten:

NEUES LAYOUT!

Beitrag von Mario » Mo 23. Sep 2002, 19:19

hallo ich hab mir mal erlaubt ein neues layout zu schreiben.

beschreibung:
container 1: Topnavigation
container 2: Überschrift
container 3: Nebennavigation(links)
container 4: kleines weißes Fenster (links)
container 5-8: Mittelteil
container 9-12: Rechter Teil der Seite
container 13-14: Footer

Code: Alles auswählen

?>

<!-- css -->
<html>
<head>
	<title>Contenidolayout by Mario</title>

<style>
<!--
body { background: #003366; font-family: Arial,Verdana,sans-serif; font-size: 80%}
.navBarTitle { font-family: Times New Roman, Times, serif; font-size: x-large; color: #ffffff; font-weight: bold}
.navBar { font-size: 80%; color: #ffffff; text-decoration: none; font-weight: bold }
.navBarpipe { font-size: large; color: #336699; font-weight: bold}
a.navBar:hover  { color: #66ccff}

.leftBarLink { font-size: small; color: #ffffff; text-decoration: none}
a.leftBarLink:hover { color: #ffffff; background: #ffffff;}

.centerTopTitle { font-size: x-small; text-transform: uppercase; color: #666633; text-decoration: none; letter-spacing: 5px}
.centerTitle { font-family: Times New Roman, Times, serif; font-size: large; color: #666633; text-decoration: none}
a.centerTitle:hover { color: #0066cc; }
.centerLink{ font-size: small; color: #003366; text-decoration: underline}
a.centerLink:hover { color: #0066cc}

.rightTitle { font-size: x-small; text-transform: uppercase; color: #333300; text-decoration: none; letter-spacing: 3px}
.rightBarLink { font-size: small; color: #003366; text-decoration: none}
a.rightBarLink:hover { color: #0066cc }

td.left { background: #003366; }
td.center { background: #ffffff; }
td.right { background: #cccc99; }
td.navBar { background: #003366; }

.leftLine { background: #336699; }

td.footer { background: #003366; }
.footer { font-size: x-small; color: #ffffff }
a.footer { font-size: x-small; color: #ffffff }

-->
</style>

</head>

<body>

<!--topnavigation-->
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
	<td nowrap width="59%" valign="middle">
		<span class="navBarTitle">Ihr Seitenname</span>
	</td>
	<td nowrap width="41%" align="left" valign="middle"><span class="navBar">Ihr Seitensloagen oder Bild</span>    
    </td>
</tr>

<tr valign="middle"> 
	<td class="right" colspan=2>
		   <span class="rightBarLink"><b><?php CMS_CONTAINER[1] ?></b></span>
	</td>
</tr>
</table>

<!-- ende der topnavigation -->

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top"> 
	<td class="right">
	<!-- anfang linke seite -->
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td width="25%" class="left">

		<table width="100%" border="0" cellspacing="1" cellpadding="0">
              <tr class="leftLine"> 
                <td> <br> <br> </td>
              </tr>
              <tr class="leftLine"> 
                <td nowrap><span class="leftBarLink"><?php CMS_CONTAINER[3] ?></span></td>
              </tr>
              <tr class="leftLine"> 
                <td> <br> <br> </td>
              </tr>
            </table>
	</tr>
	</table>

	<br><br>

	<div align=center>
	<!-- kleine tabelle -->
	<table cellpadding=0 cellspacing=0 border=0 width="80%">
	<tr>
		<td class="leftLine">
			<table cellpadding=5 cellspacing=2 border=0 width="100%">
			<tr>
				  <td class="center">  <?php CMS_CONTAINER[4] ?></td>
			</tr>
			</table>
		</td>		
	</tr>
	</table>

	<!-- ende kl. tabelle -->
	</div>
<br>

	</td>
	<!-- links ende -->

	<!-- anfang mitte -->
    <td width="55%" class="center">
		<table border=0 cellpadding=15 cellspacing=0>
		<tr>
			<td>
				<span class="centerTopTitle"><?php CMS_CONTAINER[2] ?></span>
				<hr align=left width="40%">
          <p><?php CMS_CONTAINER[5] ?>
		  <?php CMS_CONTAINER[6] ?>
		  <?php CMS_CONTAINER[7] ?>
		  <?php CMS_CONTAINER[8] ?> </p></td>
		</tr>
		</table>
	</td>
	<!-- mitte ende -->

	<!-- rechts anfang -->
	<td width="20%" class="right">
		<table width="100%" border="0" cellspacing="0" cellpadding="15">
		<tr valign="top">
			<td>
				<span class="rightTitle">News</span>
				<hr align="left" width="80%">
          <p><span class="centerTopTitle"><?php CMS_CONTAINER[9] ?>
		  <span class="centerTopTitle"><?php CMS_CONTAINER[10] ?></span>
		  <span class="centerTopTitle"><?php CMS_CONTAINER[11] ?></span>
		  <span class="centerTopTitle"><?php CMS_CONTAINER[12] ?></span></span> </p></td>
		</tr>
		</table>
    </td>
	<!-- ende rechts -->
</tr>
<tr>
	<td colspan=3 class="footer" align=center>
		<br>
		<span class="footer"><span class="centerTopTitle"><?php CMS_CONTAINER[13] ?>
		<span class="centerTopTitle"><?php CMS_CONTAINER[14] ?></span></span>
		</span>
	</td>
</tr>
</table>

</body>
</html>
probierts aus.
ich hoffe es gefällt. für verbesserungen währe ich dankbar

gruß
mario
XIOUX.de - Das Online Auktionshaus
http://www.xioux.de

Mario
Beiträge: 33
Registriert: Di 17. Sep 2002, 17:57
Wohnort: da wo die hunde mit dem schwanz bellen
Kontaktdaten:

Beitrag von Mario » Mo 23. Sep 2002, 19:22

nachtrag!!!

ich hab die fron_single css mit absicht weggelassen. somit muß man nicht ewig selber rumfummeln
XIOUX.de - Das Online Auktionshaus
http://www.xioux.de

Hanniball
Beiträge: 5
Registriert: So 22. Sep 2002, 22:56
Kontaktdaten:

Beitrag von Hanniball » Di 24. Sep 2002, 09:36

Hi,

kommt schon ganz gut. Beschäftige mich erst seit zwei Tagen mit Contenido, aber bin schon voll begeistert.

Kann es sein, das Du

<script language="javascript" src="js/standard.js"></script>

vergessen hast mit einzubinden. Ich bekomme nämlich ohne das diesen Javascriptfehler, so wie er im Tut bewschrieben ist.

Ansonsten, schick gemacht.

Hilft mir sehr, mich zurecht zu finden :D

/Hanni

fjengels
Beiträge: 9
Registriert: Mo 28. Okt 2002, 14:24
Wohnort: Moerfelden
Kontaktdaten:

Beitrag von fjengels » Do 31. Okt 2002, 12:09

Hollo,
ich habe Dein Layout bei mir zum Testen eingebaut, (sieht Super aus!)habe nur Probleme mit der Navigation. Gibt es da einen Trick :?:
Ich habe nur die Startseite entweder in Top oder links, nicht aber den ganzen Baum.


Ich würde mich über eine Antwort freuen.

Gruß

FJE

Sven777b
Beiträge: 503
Registriert: Mi 18. Sep 2002, 00:00
Wohnort: Sachsen
Kontaktdaten:

Beitrag von Sven777b » Do 31. Okt 2002, 12:54

ähm... da ist keine Navigation enthalten!
Die Navigation realisierst du mit dem Navigationsmodul in Container1 und/oder 3.

Ansonsten muss ich sagen, dass mir das Layout ebenfalls gefällt.
@Mario - ich plane demnächst einen Part "Layouts" auf meiner Seite... dürfte ich deines dort mit veröffentlichen ?
Module zum anschauen:
bei Sven: http://contenido-module.de
bei Pulk : http://spielwiese.pulk.net

Der-Dirigent: http://der-dirigent.de

fjengels
Beiträge: 9
Registriert: Mo 28. Okt 2002, 14:24
Wohnort: Moerfelden
Kontaktdaten:

Beitrag von fjengels » Do 31. Okt 2002, 18:07

Hab ich mir auch gedacht!

Geht bei mir aber nicht, habe seven777b und das alte Navmodul versucht, es wird nichts angezeigt. Hatte schon mal das Topnav. änderte die Schrift und weg war es.

Trotzdem vielen Dank, vieleicht hat Mario ja eine Idee/Tipp

Gruss

FJE

pulk
Beiträge: 217
Registriert: Sa 2. Nov 2002, 09:57
Kontaktdaten:

Beitrag von pulk » Sa 2. Nov 2002, 13:57

Sven777b hat geschrieben:ähm... da ist keine Navigation enthalten!
Die Navigation realisierst du mit dem Navigationsmodul in Container1 und/oder 3.

Ansonsten muss ich sagen, dass mir das Layout ebenfalls gefällt.
@Mario - ich plane demnächst einen Part "Layouts" auf meiner Seite... dürfte ich deines dort mit veröffentlichen ?

und was kommt in die anderen container ? was für ein modul ?


finde die idee gut einen eigenen layout bereich aufzumachen :mrgreen:

Sven777b
Beiträge: 503
Registriert: Mi 18. Sep 2002, 00:00
Wohnort: Sachsen
Kontaktdaten:

Beitrag von Sven777b » Sa 2. Nov 2002, 16:50

...wer lesen kann ist klar im Vorteil...
beschreibung:
container 1: Topnavigation
container 2: Überschrift
container 3: Nebennavigation(links)
container 4: kleines weißes Fenster (links)
container 5-8: Mittelteil
container 9-12: Rechter Teil der Seite
container 13-14: Footer
soll heissen:
container 1: Modul "Navigation" oder "Navigation v3" oder "URhere"
container 2: Modul "Heading" oder "Überschrift"
container 3: Modul "Navigation" oder "Navigation v3"
container 4: Modul "Login" oder "Newsletter"
contanier 5-8: Modul "Text/HTML" , "Text" , "Fliesstext" <- alles was mit Text zu tun hat
container 9-12 Modul "Newsliste" , "Text/HtmL" , "Login" , "Newsletter"
container 13,14: Modul "URhere" , "Link" , "Dokumentinfo" , "Text"

das ist lediglich die Liste der Empfehlenswerten Module für diese Container. Die Entscheidung liegt aber bei dir - das ist Sinn und Zweck eines Layouts. Man kann es beliebig mit Inhalten füllen.
Module zum anschauen:
bei Sven: http://contenido-module.de
bei Pulk : http://spielwiese.pulk.net

Der-Dirigent: http://der-dirigent.de

pulk
Beiträge: 217
Registriert: Sa 2. Nov 2002, 09:57
Kontaktdaten:

Beitrag von pulk » Sa 2. Nov 2002, 17:11

danke,
schon klar, aber ich hab hald gar nichts gesehen bei mir, deswegen die frage.

und container 4: Modul "Login" oder "Newsletter" , für mich ist das nicht aus container 4: kleines weißes Fenster (links) herauszulesen.

Sven777b
Beiträge: 503
Registriert: Mi 18. Sep 2002, 00:00
Wohnort: Sachsen
Kontaktdaten:

Beitrag von Sven777b » Sa 2. Nov 2002, 17:22

und container 4: Modul "Login" oder "Newsletter" , für mich ist das nicht aus container 4: kleines weißes Fenster (links) herauszulesen.
steht da auch nicht - ist aber meines Erachtens nach die Sinnvollste Nutzung des "kleinen weißen Fensters" ;)
Du kannst auch ein Textmodul reinlegen und dort die "Message des Tages" reinschreiben (oder ein Modul dafür erstellen) - sowas kommt immer gut :D
Module zum anschauen:
bei Sven: http://contenido-module.de
bei Pulk : http://spielwiese.pulk.net

Der-Dirigent: http://der-dirigent.de

Gesperrt