Joomola CSS Template ohne Joomola nutzen

stp69 · 18.03.2009

Moin,

ich hab ein Joomla Template gefunden, sogar mit psd Dateien, das Template steht unter der .

Ich möchte gerne dieses Template für eine "nicht Joomola" Seite verwenden, Das rolierende Hintergrundbild mal außen vorgelassen, da gibt es Java Lösungen für. Mich interessiert das Design, dass kann hier mal betrachtet werden:

Bitte kostenlos registrieren, damit du die Links siehst.

Die dreispaltige Anordnung ist ja grundsätzlich nichts aufregendes und neues, aber die Formgebung der Spalten und das absolut Tabellenlose und dynamisch an die Fensterbreite anpassende Auftreten begeistert mich.

Ich hab schon einige Stunden damit verbracht aber so wirklich geklappt hat das nicht. Ich schaffe es weder die Vorlage vom Joomola Code zu trennen, noch reichen meine bescheidenen Fähigkeiten aus, mit der PSD Datei entsprechende Ergebnisse zu erzielen.

Wer weis rat oder kennt ein vergleichbares, freies, Layout?

Gruß

StP

dagmarsimone · 18.03.2009

AW: Joomola CSS Template ohne Joomola nutzen

Besorge dir für Firefox die Webdeveloper Toolbar dann kannst du dir das CSS ansehen.

kuckst du:

Code:

/* Body */#ads {	width: 468px;	margin-bottom: 20px;	padding-left: 15px;	background-image: url(http://www.namibia-forum.ch/images/anzeige.png);	background-repeat: no-repeat;        text-align: left;}#ads a {        font-size: 10px;        font-family: Arial, Helvetica, serif;	color: #003399; 	text-decoration: none; }#ads a:hover { 	text-decoration: underline; }.info_block {	float:right;	width: 300px;	height: 350px;	margin-left:20px;	background:url(/images/neuhier.png) top left no-repeat;}.info_content {	width: 240px;	margin-left: 20px;	padding-bottom: 10px;}.info_content p {	font-size: 12px;	margin-top: 0px; 	text-align: left;	color: #010E22;	}.info_titel {	width: 200px;	margin-left: 20px;	margin-top: 45px;	padding-bottom: 15px;	font-size: 14px;	font-weight:bold;	color: #0077AC;	text-decoration: underline;}.main_titel {	margin-top: 30px;	font-size: 18px;	font-weight:bold;	color: #0077AC;	text-decoration: underline;}#seite_top {width:100%;text-align: right;}#seite_top a{font-size: 12px;}#searchnow {	margin-left: 20px;	margin-bottom: 20px;	padding: 0px;	padding-left: 50px;	padding-bottom: 5px;	padding-top: 2px;	background:url(/images/search.png) top left no-repeat;	border: 1px solid #FF8311;	background-color : #FFE6B3 ;	width: 320px;	align: center;	font-weight: bold;}#chat {	position: absolute;	top: 0px;	right: 100px;	width: 400px;margin-top: -7px;}#chat #chatForm{display: none;}#chat #help {display: none;}#chat #chatoutput{height: 90px;font-size: 9px;}#chat ul#outputList li:first-line {line-height: 10px;}#chat #lastMessage {padding-bottom: 1px;text-align: center;border-bottom: 1px solid #666666;font-size: 10px}BODY {	margin: 0px 0px 0px 0px;	background-color : #FFE6B3 ;	color : #000000;	}td,tr,p,div {	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	color: #333333;        font-size: 14px;}/* Styles for dhtml tabbed-pages */.ontab {	background-color: #ffae00;	border-left: outset 2px #ff9900;	border-right: outset 2px #808080;	border-top: outset 2px #ff9900;	border-bottom: solid 1px #d5d5d5;	text-align: center;	cursor: hand;	font-weight: bold;	color: #FFFFFF;}.offtab {	background-color : #e5e5e5;	border-left: outset 2px #E0E0E0;	border-right: outset 2px #E0E0E0;	border-top: outset 2px #E0E0E0;	border-bottom: solid 1px #d5d5d5;	text-align: center;	cursor: hand;	font-weight: normal;}.tabpadding {}.tabheading {	background-color: #ffae00;	text-align: left;}.pagetext {	visibility: hidden;	display: none;	position: relative;	top: 0;}h4 {	color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-size: 18px; font-weight: bold;	}h5 {	color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-size: 16px; font-weight: bold;	}h6 {	color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; font-weight: bold;	}/* Links */a:link, a:visited {	font-size: 14px; color: #006699; text-decoration: none;	font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	}a:hover {	color: #FF6600;	text-decoration: none;	}/* For content item titles that are hyperlink instead of Read On */a.contentpagetitle:link, a.contentpagetitle:visited {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;	font-weight: bold; 	color: #808080;	text-align:left;	}a.contentpagetitle:hover {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;	font-weight: bold;	text-align:left;	color: #FF6600;	text-decoration: underline;	font-weight: bold;	}/* Horizontal Line */hr {	background: #C0C0C0; height:2px; border: 1px inset;	}hr.separator {	background: #C0C0C0;	height: 1px;	width: 75px;	border: 0px;}/* --Default Class Settings-- */a.mainmenu:link, a.mainmenu:visited, a.mainlevel:link, a.mainlevel:visited {	color: #808080; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;	font-weight: normal;	font-size: 14px;	}a.mainmenu:hover, a.mainlevel:hover {	color: #FF9900; text-decoration: underline;	}a.sublevel:hover {	color: #FF0000; text-decoration: underline;	}a.sublevel:link, a.sublevel:visited {	color: #808080; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;	font-size: 12px;	font-weight: normal;}#active_menu  { 	color: #0077AA; 	font-weight: bold;}/* Content - Sections & Categories */.contentpane {	background-color : none;	}.contentpaneopen {	border : 0px ridge #DCDCDC;	}.contentheading {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;	font-weight: bold; 	color: #333333;	text-align:left;	}.contentpagetitle {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;	font-weight: bold; 	color: #333333;	text-align:left;	}table.contenttoc {        color: #333300;		background-color: #e0e0e0;        }table.contenttoc td {        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;        font-size: 8pt;        font-weight: normal;        text-align:left;}a.toclink:hover, a.toclink:visited, a.toclink:link {	font-size: 9px;	}.contentdescription {	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	color: #808080;	text-align: left;	}/* Links */a.blogsection:link, a.blogsection:visited {	color: #FF9900; text-decoration: none; font-weight: normal;	font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	}a.blogsection:hover {	color: #999999;	text-decoration: underline;	}a.weblinks:link, a.weblinks:visited {	color: #FF9900; text-decoration: none; font-weight: normal;	font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	}a.weblinks:hover {	color: #999999;	text-decoration: underline;	}a.readon:link, a.readon:visited {	color: #0077AA; text-decoration: none; font-weight: normal;	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	}a.readon:hover {	color: #FF8311;	text-decoration: underline;	}table.moduletable {	margin: 0px 20px 20px 20px;	width: 80%;	border-left: solid 0px #000000;	border-right: solid 0px #000000;	border-top: solid 0px #000000;	border-bottom: solid 0px #000000;	}table.moduletable th {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	color: #0077AA;	text-align: left;	white-space: nowrap;	width: 100%;	border-bottom: 2px solid #FF8311;	}	table.moduletable td {	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: normal;	}	.componentheading {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;	font-weight: bold; 	color: #333333;	text-align:left;	}.button {	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-style: normal;	font-weight: bold;	font-size: 12px;	color: #0077AA;	border-style: solid;	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;	background-color: White;	}.inputbox {	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	color: #666666;	background: #FFFFFF;	border: 1px solid;	}		.searchbox {	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	color: #666666;	background: #FFFFFF;	border: 1px solid;	}/** category text format and links **/.category {	color: #999999; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold; text-decoration: none;	}a.category:link, a.category:visited {	color: #999999; font-weight: bold;	}a.category:hover {	color: #FF9900;	}.poll {	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #666666;	line-height: 16px	}.sectiontableentry1 {text-align: left;background: #EBEBEB;padding: 2px;padding-top: 5px;margin-top: 1px;}.sectiontableentry2 {background: #EBEBEB;text-align: left;padding: 2px;padding-top: 5px;margin-top: 1px;}.poll .sectiontableentry1, .poll .sectiontableentry2 {background: none;}.contentpane {	background-color : none;	}	.sectiontableheader {	background-color : #0077AA;	color : #FFFFFF;	font-weight : bold;	}.frontpageheader {	font-size: 18px;    color : #0077aa;    font-weight : bold;    }.small {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #FF6600;	text-decoration: none;	font-weight: normal;	}.smalldark {        font-family: Verdana, Arial, Helvetica, sans-serif;        font-size: 9px;        color: #333333;        text-decoration: none;        font-weight: normal;        }.newsfeedheading {        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;        font-size: 14px;        font-weight: bold;        color: #333333;        text-align:left;        }.newsfeeddate {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #FF6600;	font-weight: normal;}.createdate {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #FF6600;	text-decoration: none;	font-weight: normal;	}.modifydate {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #808080;	text-decoration: none;	font-weight: normal;	}ul {	margin: 0px 0px 0px 0px;	}li {	list-style: inside url(../../../images/M_images/arrow.png) 3px;	list-style-image: url(../../../images/M_images/arrow.png);	}.fase4rdf {	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000; font-weight: normal;	}a.fase4rdf:link {	font-size: 12px; font-weight: normal; color: #FF9900;	}a.fase4rdf:hover {	font-weight: bold; color: #808080;	}table.searchintro {  	background-color: #FFFFFF;	border: solid 1px #777777;	}table.contact {	background-color: #FFFFFF;	border: 1px solid #FF8311;	}table.contact td.icons {	}table.contact td.details {	font-size: 12px;	font-weight: bold;	font-family: Verdana, Arial, Helvetica, sans-serif;	}.pagenav {	font-weight: normal;	color: #868686;}a.pagenav, a.pagenav:visited {	font-weight: bold;	color: #FF6600;}a.pagenav:hover {	text-decoration:underline;}.pagenavbar {	color: #386593;}/* Content voting */.content_rating {	font-weight: normal;	font-size: 8pt;}.content_vote {	font-weight: normal;	font-size: 8pt;}/* for modifying {moscode} output.  Don't set the colour! */.moscode {	background-color: #f0f0f0;}.newsflash {	background-color: #F5F5F5;	color: Black;}/* Text passed with mosmsg url parameter */.message {	font-family : Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;	font-size : 10pt;	color : #ff6600;	text-align: center;}.highlight {    background: yellow;    }#rechts {	position: relative;	top: 20px;	left:-3px;}/* Gallery */.gbLink-core_ItemAdmin-core_ItemCreateLink {	display: none;}.block-core-ItemLinks a {	float:left;	font-size: 8pt;}#imgBlock {font-size: 7pt;}#design {        margin-left:205px;	margin-top: -10px;}#design a {	font-family : Verdana, Arial, Helvetica, sans-serif;	font-size : 10px;}#protect {        margin-right:150px;	margin-top: -10px;	float:left;}div.zoo {	margin: 20px;	padding-left: 20px;	padding-top: 2px;	background-image:url(http://www.namibia-forum.ch/images/anzeige.png);	background-repeat:no-repeat;	text-align: left;	height: 60px;	width: 100%;}	div.zoo p {	margin: 0;}

sokie · 18.03.2009

AW: Joomola CSS Template ohne Joomola nutzen

eigentlich sollte das aber kein Problem sein
du musst dir in dem templateordner die index.php in index.htm umbenennen und in dieser den <link rel="stylesheet" die adresse ensprechend auf den href="css/cssdatei.css" ändern, (das Systemstylesheet kann ganz raus) dann noch die jdoc: anweisungen rausnehmen und du hast das Template ohne Joomla.
jetzt noch deine Inhalte rein und fertig.

stp69 · 18.03.2009

AW: Joomola CSS Template ohne Joomola nutzen

@ Die CSS kann ich mir auch so ansehen, das Template ist für Joomola frei verfügbar.

@sokie das habe ich bereits gemacht, das Template scheint aber auf das Systemstylesheetzuzugreifen, zumindest finde ich im Quellcode aufrufe von ID und Styles die nicht im namib_css definiert wurden.