Beiträge von Ashy
-
-
-
-
Hallo Woodstock
Merci, für deine Antwort. Das könnte ich so machen, stimmt
Würde aber es nicht einfacher gehen, also mit einem CSS-Befehl?Nun nochmals genauer, ahbe extra Screenshots gemacht.
Screenshot 1 - wieso ist die Navigation da nicht an dem Content angepasst? Im IE ist es halt so...
Screenshot 2 - und wieso ist das da am Content angepasst und auch am Footer? Gut, da ist nun kein Inhalt drin, aber selbst wenn Inhalt drin ist, passt sich das alles problemlos an.
Liebs Grüessli
Nadine -
-
-
-
-
Schaut mal:
So soll es aussehen | statische Seite
Wieso sieht das derart anders aus? | "Homeseite"
CSS-Datei:
Code
Alles anzeigen/* Theme Name: Gladiola Theme URL: http://www.briangardner.com/themes/gladiola-wordpress-theme.htm Description: Gladiola is a pristine, 2-column theme created for Wordpress. Author: Brian Gardner Author URI: http://www.briangardner.com Version: 1.0 The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php Changelog: v1.0 - 01.11.07 First Release of Gladiola */ body { width: 780px; background: #ffffff; color: #333333; font-size: 12px; font-family: Trebuchet MS, Verdana; margin: 0px auto 0px; padding: 0px; } #wrap { background: #AD301C; color: #333333; font-size: 12px; font-family: Trebuchet MS, Verdana; margin: 0px auto 0px; padding: 0px; } /************************************************ * Hyperlinks * ************************************************/ a, a:visited{ color: #65A03A; text-decoration: none; } a:hover{ text-decoration: underline; } /************************************************ * Header * ************************************************/ #header { background: #FFFFFF url(images/header.gif); width: 780px; height: 150px; margin: 0px auto 0px; padding: 0px; } #header a { font-family: Times New Roman, Helvetica, Sans-Serif; font-size: 48px; color: #333333; text-decoration: none; padding: 0px 10px 0px 10px; margin: 0px; text-transform: uppercase; } #header a:hover{ color: #333333; } /************************************************ * Navbar * ************************************************/ #navbar { background: #87C659; width: 780px; margin: 0px auto 0px; padding: 3px 0px 3px 0px; } #navbar li { display: inline; list-style-type: none; margin: 0px; padding: 0px; } #navbar ul { margin: 0px; padding: 0px 0px 0px 0px; } #navbar ul li a { font-family: Trebuchet MS, Verdana; font-size: 12px; color: #FFFFFF; padding: 10px; margin: 0px; text-decoration: underline; text-transform: uppercase; font-weight: bold; } #navbar ul li a:hover { color: #FFFFFF; text-decoration: none; } /************************************************ * Sidebar * ************************************************/ #sidebar { background: #AD301C; float: left; width: 150px; margin: 0px; padding: 15px 0px 20px 0px; } #sidebar h2 { color: #B862A1; font-size: 12px; font-family: Arial, Verdana, Arial, Sans-Serif; font-weight: bold; padding: 15px 0px 5px 10px; margin: 0px; border-bottom: 1px dotted #B862A1; text-transform: uppercase; } #sidebar ul { list-style: none; margin: 0px; padding: 0px 0px 10px 10px; } #sidebar ul li { margin: 0px; padding: 5px 0px 0px 0px; } #sidebar ul li a { color: #333333; text-decoration: none; } #sidebar ul li a:hover { color: #65A03A; text-decoration: underline; } /************************************************ * Content * ************************************************/ #content { background: #AD301C; width: 780px; margin: 0px auto 0px; padding: 0px; } #content p{ padding: 0px 0px 15px 0px; margin: 0px; line-height: 20px; } #content p img{ float: left; border: none; margin-right: 15px; margin-bottom: 10px; } #content h1 { color: B862A1; font-size: 18px; font-family: Trebuchet MS, Verdana; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px; } #content h1 a { color: #B862A1; text-decoration: none; } #content h1 a:hover { color: #D5A8C9; text-decoration: none; } #content h3 { color: #333333; font-size: 14px; font-family: Times New Roman, Verdana, Arial, Sans-Serif; font-weight: bold; padding: 5px 0px 5px 0px; margin: 0px; border-top: 1px dotted #C0C0C0; border-bottom: 1px dotted #C0C0C0; } #content p ol{ margin: 0px; padding: 0px 0px 0px 20px; } #content p ul{ margin: 0px; padding: 0px 0px 0px 20px; } blockquote{ margin: 0px 0px 0px 25px; padding: 0px 25px 0px 10px; font-style: italic; color: #666666; border-left: 3px solid #65A03A; } #content blockquote p{ margin: 0px 0px 20px 0px; padding: 0px; } #contentmiddle { background: #AD301C; float: right; width: 580px; margin: 0px; padding: 20px 20px 20px 20px; } #contentmiddle p img{ float: left; border: none; margin-right: 15px; margin-bottom: 10px; } #contentmiddle ul { list-style: none; margin: 0px; padding: 0px 0px 20px 0px; } #contentmiddle ul li { margin: 0px; padding: 5px 0px 0px 0px; } #contentmiddle ul li a { color: #507AA5; text-decoration: none; } #contentmiddle ul li a:hover { color: #507AA5; text-decoration: underline; } /************************************************ * Footer * ************************************************/ #footer { background: #87C659; color: #FFFFFF; width: 780px; margin: 0px auto 0px; padding: 10px 0px 10px 0px; text-align: center; } #footer a, #footer a:visited{ color: #FFFFFF; text-decoration: underline; } #footer a:hover{ text-decoration: none; } /************************************************ * Search Form * ************************************************/ #searchdiv { margin: 0px; padding 0px; } #searchform { margin: 0px; padding: 0px; overflow: hidden; } #s { width: 170px; background: #FFFFFF; color: #333333; font-size: 11px; font-family: Georgia, Helvetica, Sans-Serif; padding: 2px; margin: 7px 0px 0px 10px; border: 1px solid #C0C0C0; } /************************************************ * Comments * ************************************************/ #commentblock { width: 395px; background: #F2E2EE; color: #333333; float: left; padding: 10px 20px 0px 20px; margin: 10px 0px 10px 0px; border: 1px solid #C0C0C0; } ol#commentlist { padding: 5px 0px 5px 0px; margin: 0px; list-style-type: none; } .commentdate { font-size: 12px; padding-left: 0px; } #commentlist li p{ margin-bottom: 8px; line-height: 20px; padding: 0px; } .commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; } .commentinfo{ clear: both; } .commenttext { clear: both; margin: 5px 0px 20px 0px; padding: 20px 10px 5px 10px; width: 365px; background: #FFFFFF url(images/comment.gif) no-repeat top; } .commenttext-admin { clear: both; margin: 5px 0px 20px 0px; padding: 20px 10px 5px 10px; width: 365px; background: #FFFFFF url(images/comment.gif) no-repeat top; } #commentsformheader{ padding-left: 0px; } #commentsform{ text-align: left; margin: 0px; padding: 0px; } #commentsform form{ text-align: left; margin: 0px; } #commentsform p{ margin: 0px; } #commentsform form textarea{ width: 99%; } p.comments_link img{ margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } -
Mh? :-| Meine Fragen kann kaum jemand beantworten :mrgreen::mrgreen:
-
Hallo Zusammen
Ich verwende ja für meine Website ein iFrame, in welchen das Wordpress geladen wird. Nun ist es ja so, dass sie die ganzen Fotos auch nur in diesem Frame "ausbreiten" (lightbox 2). Gibt es irgendeine Möglichkeit, dass wenn man auf's Thumbnail klickt, dass sich das Bild auf dem ganzen Bildschirm öffnet?
Liebs Grüessli
Nadine -
Erneutes Problem - siehe 3. Beitrag!
-
myGallery: Erneutes Problem - siehe 3. Beitrag!
Erneutes Problem - siehe 3. Beitrag!
-
Na, da sind wir ja einer Meinung :mrgreen:
-
Die weisse Fläche hat sich plötzlich verabschiedet, wieso auch immer? Der Hotpixel ist aber immer noch da. Ganz oben zu sehen. Wenn man es nicht weiss, dann sieht man es wohl auch nicht, zumindest auf den ersten Blick.
Ich sehe den in Safari, in Firefox und in Opera. IE habe ich nicht "dank" Mac. Ein Screenshot wäre übrigens sehr nett! So in etwa sollte das Gesamtergebnis dann aussehen, sprich das WP in dem Frame: +++ Swiss*Paws +++
-
Hoi Zämä
Ich schon wieder :? Nun ja, jedenfalls geht es eigentlich ganz gut, ausser zwei Dinge (bisher), wo ich nicht mehr weiter weiss:
+++ Swiss Paws | Alles über Nadine, Terry und Keane +++ » Eine Seite
Seht ihr auch diesen komischen weissen "Hotpixel" über das grosse "E"? Was ist denn das?
Und dann seht ihr doch auch noch diese weisse Fläche... jedoch habe ich 0 Ahnung, woher die kommt.
Meine CSS:
Code
Alles anzeigen/* Begin Typography & Colors */ body { font-family: Trebuchet MS, Verdana; background: #AD301C; color: #ffffff; text-align: justify; } #page { background-color: #AD301C; border: 1px solid #959596; text-align: left; } #header { background-color: #AD301C; } #headerimg { margin: 7px 9px 0; height: 192px; width: 740px; } #content { font-size: 12px; background-color: #AD301C; } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; } .widecolumn { line-height: 1.6em; } .narrowcolumn .postmetadata { text-align: center; } .alt { background-color: #AD301C; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #footer { background-color: #AD301C; border: none; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; } h1 { font-size: 4em; text-align: center; } #headerimg .description { font-size: 1.2em; text-align: center; } h2 { font-size: 1.6em; } h2.pagetitle { font-size: 1.6em; } #sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; } h3 { font-size: 1.3em; } h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; } .entry p a:visited { color: #b85b5a; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: bold; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; } a:hover { color: #147; text-decoration: underline; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Structure */ body { margin: 0 0 0px 0; padding: 0; } #page { background-color: white; margin: 0px auto; padding: 0; width: 650px; border: 1px solid #959596; } #header { background-color: #AD301C; margin: 0 0 0 1px; padding: 0; height: 1px; width: 650px; } #headerimg { margin: 0; height: 1px; width: 100%; } /* das ist der text im inhalt */ .narrowcolumn { float: left; padding: 0 0 0px 0px; margin: 0px 0 0; width: 600px; } .widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 600px; } .post { margin: 0 0 0px; text-align: justify; } .post hr { display: block; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } .postmetadata { clear: left; } #footer { padding: 0; margin: 0 auto; width: 650px; clear: both; } #footer p { margin: 0; padding: 0px 0; text-align: center; } /* End Structure */ /* Begin Headers */ h1 { padding-top: 70px; margin: 0; } /* ueberschrift der einträge und der unterseiten */ h2 { margin: 5px 0 0; } h2.pagetitle { margin-top: 30px; text-align: center; } #sidebar h2 { margin: 5px 0 0; padding: 0; } h3 { padding: 0; margin: 30px 0 0; } h3.comments { padding: 0; margin: 40px auto 20px ; } /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol { margin: 0; padding: 0; } #sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; } /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s { width: 108px; padding: 2px; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; padding: 2px; } #commentform #submit { margin: 0; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ #sidebar { padding: 20px 0 10px 0; margin-left: 545px; width: 190px; } #sidebar form { margin: 0; } /* End Sidebar */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /* End Various Tags & Classes*/Zur Info: Ich habe dabei per CSS den Header, Footer und die Sidebar (versucht) auszuschalten. Wahrscheinlich habe ich irgendetwas übersehen.
Danke schonmal für die Hilfe!
-
Habe das nun mal versucht und bisher klappt es perfekt! Ein Wunder :mrgreen: Siehe: +++ Swiss Paws | Alles über Nadine, Terry und Keane +++
Jetzt geht es an die Feinheiten!
-
Es gibt zigtausende Error-Meldungen. Nur mit einer genauen kann mir dir helfen.
Ja, ich weiss. Nur kann ich euch das leider nicht mehr sagen, da es dieses Theme nicht mehr gibt, sprich das ganze Wordpres sozusagen. Versuche halt nun mein Glück, indem ich Header, Footer und Sidebar per CSS auf 1px gross mache und dann in der Sidebar alles rausnehme. Mal sehen, ob das hinhaut :mrgreen: Ist zwar nicht ordnungsgemäss, aber was soll's. Habe auch mal nach Themen gesucht, allerdings nichts gefunden, was wirklich nur den Inhalt enthält. Aber seien wir ehrlich, wer braucht das normalerweise schon.
-
Bin etwas spät dran mit meinem Geschreibsel, jedoch habe ich das nun ausprobiert gehabt und es funktionierte nicht. Es kam immer nur "Error" (die genaue Fehlermeldung weiss ich nicht mehr) und trotz Verbesserung ging gar nichts mehr. Habe nun alles vom Server geschmissen und werde es nochmals neu aufspielen... :-|
-
Ah okay, jetzt weiss ich was du meinst

Also ich muss alles aus der Sidebar raustun? Nicht reintun?Ich versuch das grad mal!