| Autor |
Nachricht |
-
thezockerdenis
|
 30.04.2007 um 18:29 (UTC)
Titel: ant |
|
|
|
|
|
↑
|
|
 |
-
andybabe27
|
30.04.2007 um 18:34 (UTC)
Titel: |
|
|
Frontpage 2003 ist Frontpage  ______________ LG André
GMMTS.de |
|
|
↑
|
|
|
-
roque-design
|
30.04.2007 um 19:31 (UTC)
Titel: |
|
|
^^..schön das euch das Design gefällt...
Hier erst mal ne kleine erklärung wie man das Design einfügt, darf natürlich auch nachgefragt werden
Erst mal für alle die nich wissen wie man CSS Codes einfügt: http://www.roque-design.de.tl/Tutorital.htm
Das Design benutzen:
Schritt 1:
Folgenden CSS Code in Text über dem Design einfügen:
Eigentlich noch einfach...
An dem Teil nichts verändern!
Zitat: <style type="text/css"> <!--
td.edit_header_full{visibility:hidden;}
td.nav_heading{background-image:url(URL);}
td.nav{visibility:hidden;}
td.nav:hover{visibility:hidden;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image:url();}
body{background-image:url(http://img.webme.com/pic/4/4gangsters/test_bg.jpg);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.shouty{visibility:hidden;}
td.shouty2{visibility:hidden;}
td.shouty3{visibility:hidden;}
td.shouty4{visibility:hidden;}
td.shouty5{visibility:hidden;}
--></style>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><html lang="de"><head><title>Menutest</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">html, body { margin: 0; padding: 0; background-color: #a0b9d7;font-family : Verdana ,sans-serif;}#logo { background-color: #5999d0; color: #fff; position: absolute; top: 0; left: 0; width: 100%;}#navigation {position: absolute; top: 85px; left: 0; height:20px; background-color: #003766; width: 100%; border-bottom: 1px solid #fff;}#liniefett{position: absolute; top: 106px; left: 0; height:20px; background-color: #286bb3; width: 100%;}#nav { position: absolute; left: 10px; top:4px; white-space: nowrap; }#logo h1 { font-size: 200%; padding-left: 10px;}/* ----- Pure CSS tabs start here ----- */#nav ul { display: block; list-style: none outside; padding: 0; margin: 0 0 0 0px; font-weight: bold; font-size: 11px; line-height: 11px;}#nav li { padding: 0; margin: 0; background-color: #003766; color: #fff; /* the next 4 lines are magic */ display: block; float: left; position: relative;}#nav a:link,#nav a:visited { background-color: #003766; color: #ffffff; text-decoration: none; padding-left: 4px; padding-right: 4px; padding-top: 3px; padding-bottom: 4px; border-right: 1px solid #fff; border-left: 1px solid #003766; border-bottom: 1px solid #fff;}#nav a:hover { background-color: #286bb3; color: #fff; border-left: 1px solid #286bb3; border-bottom: 1px solid #286bb3;}#navclear { display: none;}html>body #navclear { display: block; clear: both;}/* ----- now highlight active tab based on body @class attribute ----- */body.profil #nav li#nav-profil a,body.leistungen #nav li#nav-leistungen a,body.standorte #nav li#nav-standorte a,body.referenzen #nav li#nav-referenzen a,body.jobs #nav li#nav-jobs a,body.downloads #nav li#nav-downloads a,body.kontakt #nav li#nav-kontakt a,body.impressum #nav li#nav-impressum a { background-color: #286bb3; color: #fff; border-bottom: 1px solid #286bb3;}body.index #nav li#nav-index a { background-color: #286bb3; color: #fff; border-bottom: 1px solid #286bb3; border-left: 1px solid #fff;}</style>
<!-- Kerio Popup Killer - script has been inserted by KPF -->
<script type="text/javascript">
<!--
var NoPopupsDone = 0;var CurrWindowOpen = window.open;var CurrWindowOpen2 = window.open;var orig_setTimeout = window.setTimeout;var orig_setInterval = window.setInterval;if ( window.showModelessDialog ) { var orig_showModelessDialog = window.showModelessDialog;} if ( window.showModalDialog ) { var orig_showModalDialog = window.showModalDialog;}
var cnt = 0;var popupType = "direct";var KPF_LOG_URL = "http://127.0.0.1:44501/pl.html?";var KPF_TIMEOUT = 100;var onUnloadFlag = false;var KPF_CompleteLoaded = false;
function nullMethod() {}function nullWindow() { this.window = new Object(); this.document = new Object(); this.document.open=this.document.close=this.document.write=this.document.writeln=nullMethod; this.alert=this.back=this.blur=this.captureEvents=this.clearInterval=this.clearTimeout=this.close=this.confirm=this.dump=this.escape=this.focus=this.forward=this.GetAttention=this.getSelection=this.home=this.moveBy=this.moveTo=this.open=this.print=this.prompt=this.releaseEvents=this.resizeBy=this.resizeTo=this.scroll=this.scrollBy=this.scrollByLines=this.scrollByPages=this.scrollTo=this.setCursor=this.setInterval=this.setTimeout=this.sizeToContent=this.stop=this.unescape=this.updateCommands=nullMethod;}
function destroyIframe(ifr){ if (ifr != document.getElementById("kpfLogFrame")) { var x = ifr.parentNode.removeChild(ifr); delete x; };}
function sendStream(s, idx, kpf_pt){ try { var ifr = document.getElementById("kpfLogFrame"); var tmp = ifr.cloneNode(true); tmp.id = "ifr_" + idx; var s2 = "srv=" + document.location + "&url=" + s + "&pty=" + kpf_pt; tmp.src = KPF_LOG_URL + escape(s2); document.body.appendChild(tmp); } catch (e) { orig_setTimeout("sendStream('" + s + "', " + idx + ",'" + kpf_pt + "')", KPF_TIMEOUT); }}
function sendUrl(url){ if (onUnloadFlag) sendStream(url, cnt++, popupType); else { try { orig_setTimeout("sendStream('" + url + "', cnt++,'" + popupType + "')", KPF_TIMEOUT); } catch (e) {} }}
function newOpen(url, name, atr) {wnd = new nullWindow();wnd.focus = nullWindow;wnd.opener = this.window;sendUrl(url);return(wnd); }
function newOpen2(url, name, atr) { sendUrl(url); return(new nullWindow());}
function stopPopups(kpf_pt) { popupType = kpf_pt; CurrWindowOpen = window.open; window.open = newOpen2; }
function startPopups(kpf_pt) { window.open = CurrWindowOpen; popupType = kpf_pt;}
function my_setTimeout(one, two) { if (typeof(one) == "function") { function myFun(){} myFun=one; function newFun() { stopPopups('ontimer'); myFun(); startPopups('direct'); } try { return orig_setTimeout(newFun,two); } catch (e) { try { return eval("newFun()"); } catch(e) { } } } else { try { return orig_setTimeout("stopPopups('ontimer');"+one+"; startPopups('direct');", two); } catch (e) { try { return eval("stopPopups('ontimer');"+one+"; startPopups('direct');"); } catch(e) { } } }}
function my_setInterval(one, two) { if (typeof(one) == "function") { function myFun(){} myFun=one; function newFun() { stopPopups('ontimer'); myFun(); startPopups('direct'); } try { return orig_setInterval(newFun,two); } catch (e) { } } else { try { return orig_setInterval("stopPopups('ontimer');"+one+";startPopups('direct');", two); } catch (e) { } }}
function my_onload() { var my_retcode = true; stopPopups("onload"); if(orig_onload) my_retcode = orig_onload(); startPopups("direct"); KPF_CompleteLoaded = true; return my_retcode; }
function my_unload() { var my_retcode = true; var cnt = 0; stopPopups("onunload"); onUnloadFlag = true; if(orig_onunload) my_retcode = orig_onunload(); startPopups("direct"); return my_retcode;}
function my_windowopen(url, name, atr){ if ( (! KPF_CompleteLoaded) || (document.all && event != null && event.type == "mouseover") ) { if ( ! KPF_CompleteLoaded) { popupType = "direct"; } else { popupType = "mouseover"; } sendUrl(url); popupType = "direct"; } else { try { return CurrWindowOpen2(url, name, atr); } catch (e) {} }}
function my_showModelessDialog (url , arguments , features) { if (!NoPopupsDone) { var wnd = new nullWindow(); popupType = "direct_dialog"; sendUrl(url); popupType = "direct"; return wnd; } if (popupType!="direct" | (event && event.type == "mouseover") ) { var curr_popup = popupType; if (event && event.type == "mouseover") { popupType = "mouseover"; } popupType = popupType+"_dialog"; sendUrl(url); popupType = curr_popup; return ( new nullWindow() ); } else { return ( orig_showModelessDialog(url , arguments , features) ); } }
function my_showModalDialog (url , arguments , features) { if (!NoPopupsDone) { popupType = "direct_dialog"; sendUrl(url); popupType = "direct"; return ""; } if (popupType!="direct" | (event && event.type == "mouseover") ) { var curr_popup = popupType; if (event && event.type == "mouseover") { popupType = "mouseover"; } popupType = popupType+"_dialog"; sendUrl(url); popupType = curr_popup; return ""; } else { return ( orig_showModalDialog(url , arguments , features) ); } }
function nopopups() { if(!NoPopupsDone) { NoPopupsDone = 1; orig_onload = window.onload; orig_onunload = window.onunload; window.onload = my_onload; window.onunload = my_unload; window.open = my_windowopen; }}
window.setTimeout = my_setTimeout;window.setInterval = my_setInterval;window.open = newOpen;if ( orig_showModelessDialog ) { window.showModelessDialog = my_showModelessDialog;}if ( orig_showModalDialog ) { window.showModalDialog = my_showModalDialog;}
//-->
</script>
Schritt 2:
...jetzt wirds komplizierter! Jetzt is Handarbeit gefragt.
Jetzt müssen die Tabs beschriftet und ihnen adressen zugewiesen werden.
Wichtig: Kopiert euch den COde in nen Editor und ändert den da!
Das im Code Fettgedruckte muss wie folgt verändert werden:
- Adresse zur Seite des X. Tabs [Gemeint ist die URL, das ist die Adresse die immer in blau dasteht wenn ihr im Baukasten eine Seite neu editiert habt]
- Beschreibung des Tabs [Könnt ihr auch weglassen, taucht dann auf wenn man mit der Maus über den Tab fährt, beschreibt halt den Inhalt der zu öffnenden Seite]
- Name des X. Tabs [Name des X. Tabs ist sowas wie ist der Name den ihr der Seite gegeben habt z.B. Startseite usw.]
X. steht für eine beliebige Zahl zwischen 1-8 [weil es nur maximal8. Tabs gibt]
Der Code:
Zitat: <!-- Kerio Popup Killer - end of the script inserted by KPF -->
</head><body class="index"><div id="navigation"><div id="nav"><ul><li id="nav-index"><a href=" Adresse zur Seite des 1. Tabs"> Name des 1. tabs z.B Home</a></li><li id="nav-profil"><a title=" Beschreibung Tab 2 z.b immer die neusten News"=" Adresse zu Seite des 2. Tabs" rel="help"> Name des 2. Tabs z.B. News</a></li><li id="nav-leistungen"><a title=" Beschreibung Tab 3" href=" Adresse zur Seite des 3. tabs" rel="contents"> Name des 3. Tabs</a></li><li id="nav-standorte"><a title=" Beschreibung Tab 4" href=" Adresse zur Seite des 4. tabs"> Name des 4. Tabs</a></li><li id="nav-referenzen"><a title=" Beschreibung Tab 5" href=" Adresse zur Seite des 5. tabs"> Name des 5. Tabs</a></li><li id="nav-jobs"><a title=" Beschreibung des 6. Tabs" href=" Adresse zur Seite des 6. Tabs"> Name des 6. Tabs</a></li><li id="nav-downloads"><a title=" Beschreibung des 7. tabs" href=" Adresse zur Seite des 7. tabs"> Name des 7. Tabs</a></li><li id="nav-kontakt"><a title=" Beschreibung des 8. Tabs" href=" Adresse zu Seite des 8. Tabs"> Name des 8. Tabs</a></li></ul><span id="navclear"></span></div></div><div id="liniefett"></div></body></html><!-- Kerio Popup Killer - script has been appended by KPF -->
<iframe id="kpfLogFrame" src="http://127.0.0.1:44501/pl.html?START_LOG" onload="destroyIframe(this)" style="display:none;">
</iframe>
<script type="text/javascript">
<!--
nopopups();
//-->
</script>
Aso, es sind maximal 8. Tabs möglich!
Wenn ihr den Code dann geändert habt fügt diesen unter den 1. bei Text unter dem Design ein!
Auf wunsch kann ich in dem script aber auch die buttons wieder aktivieren, sodass man in die neue Leiste z.B. nur Forum und Gästebuch einträgt und alles andere wieder über die normalen buttons macht...
mfg www.roque-design.de.tl
Edit: Bei dem Design steht nich Umsonst NUR für Fortgeschrittene
Danke, Roque Design das ihr uns das so genau erklärt... ______________ RQE' DSIGN Community - Jetzt Online!
Zuletzt bearbeitet von roque-design am 01.05.2007, 08:39, insgesamt 5-mal bearbeitet
|
|
|
↑
|
|
|
-
andybabe27
|
30.04.2007 um 19:44 (UTC)
Titel: |
|
|
Mach mal in deinem Beitrag aus code quote. Dadurch kannst du dann farbliche Hervorhebungen machen, was dir beim erklären hilft. Dann sollten es auch Anfänger kapieren ______________ LG André
GMMTS.de |
|
|
↑
|
|
|
-
thezockerdenis
|
30.04.2007 um 20:04 (UTC)
Titel: frage |
|
|
|
|
|
↑
|
|
|
-
roque-design
|
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
30.04.2007 um 20:40 (UTC)
Titel: |
|
|
Ich benutze Frontpage 2003 oder Adobe Golive CS je nach Schwierigkeitsgrad und habe nie Probleme damit
P.S.: Habe die Codes mal per [Quote] übersichtlich gemacht |
|
|
↑
|
|
|
-
the-playa
|
01.05.2007 um 17:13 (UTC)
Titel: |
|
|
andybabe27 hat Folgendes geschrieben: Du kannst damit Homepages und Design Codes erstellen, aber Designen tust du doch mit Bildbearbeitungsprogrammen
Aber das ist ja halb so wild. Damit bei den Programmen etwas raus kommt, musst du HTML bzw. CSS Codes schreiben.
Hast du kein Office? Dort sollte Frontpage enthalten sein, außer bei Office 2007, da ist es aber auch dabei, nur unter anderem Namen
jo beim alten office is das frontpage enthalten is aber ganz schön kompliziert  ______________ Gruss Mario
[img:2ceb0628ba]http://img.webme.com/pic/t/the-playa/werbebanner.jpg[/img:2ceb0628ba]
|
|
|
↑
|
|
|
|
