Hallo!
Ich versuche sit ein paar Tagen verzweifelt Wordpress so hinzukreigen wie ich im Sinn habe, bin aber zu blöd dafür.
Bitte geht mal auf http://www.bionicbabies.net/index.php?%20site=magazin Da ist der Blog zu finden.
Was nicht funktioniert: 1. Ich krieg das nicht so hin, dass der Blog in den I-Frame passt ohne dass ne scrollbar angezeigt wird.
2. Das Fenster wird nicht länger (so wie's in den anderne Bereichen der Webseite geschieht) wenn ich einen zusätzlichen Eintrag schreibe, sondenr es kommt nur ne senkrechte Scrollbar.
Ich hoffe ihr könnt mir helfen, hier hab ich mal die css datei des themes:
Code
/*
Theme Name: Chewy
Theme URI: [URL="http://fightingfriends.com/chewy"]http://fightingfriends.com/chewy[/URL]
Description: Bubblegum flavoured with widget and colour changing Support.
Version: 1.0
Author: Jim Whimpey
Author URI: [URL="http://fightingfriends.com"]http://fightingfriends.com[/URL]
*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
BODY, WRAPPINGS, ANCHORS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body {
margin: 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
}
#wrapper {
width: 565px;
background: #FFFFFF;
margin: 0 auto;
}
a { color: #FF0000; }
a:hover { text-decoration: none; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HEADER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
width: 565px;
border-bottom: 1px solid #FF0000;
margin: 0 auto;
}
h1 {
font-size: 2em;
font-weight: normal;
text-transform: uppercase;
margin: 0;
}
h1 a { color: #FF0000; text-decoration: none; }
.description {
color: #FF0000;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CONTENT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content {
width: 410px;
float: left;
color: #000000;
text-align: left;
font-weight: bold;
}
.navigation {
height: 15px;
width: 100%;
}
.alignleft {
text-align: left;
float: left;
}
.alignright {
text-align: right;
float: right;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
POSTS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { margin: 0 0 45px 0; }
h2 {
font-size: 1em;
font-weight: normal;
margin: 0 0 15px 0;
}
h2 a {
color: #FF0000;
text-decoration: none;
}
h2 a:hover { color: #FF0000; }
.entry {
font-size: 0.8em;
line-height: 1.4em;
}
p.postmetadata {
font-size: 0.8em;
line-height: 20px;
font-weight: normal;
}
p.postmetadata a, .entry a, #commentlist a, p.loggedin a, #sidebar div a {
color: #666;
background: #FFFFFF;
text-decoration: none;
padding: 2px;
margin: 0 0 0 1px;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}
p.postmetadata a:hover, .entry a:hover, #commentlist a:hover, p.loggedin a:hover, #sidebar div a:hover {
color: #5F5F5F;
position: relative;
top: -1px;
left: -1px;
border-bottom: 1px solid #AFAFAF;
border-right: 1px solid #AFAFAF;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
POST PARAPHENALIA
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
blockquote { color: #999; }
h3 {
font-size: 1.3em;
font-weight: normal;
margin: 20px 0 -8px 0;
}
.entry img { margin: 0 0 15px 0; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
SNGLE POSTS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sidemeta {
font-size: 0.9em;
margin-right: 50px;
}
.sidemeta p { margin: 80px 0 0 0; }
.sidemeta>p { margin: 50px 0 0 0; } /* Non IE */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
SIDEBAR
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar {
width: 140px;
float: right;
text-align: left;
color: #000000;
list-style: none;
margin: 0;
}
ul#sidebar li, ul#sidebar li ul, ul#sidebar li ul li {
list-style: none;
margin: 0;
}
ul#sidebar h2 {
font-size: 1em;
margin: 0 0 5px 0;
}
ul#sidebar li { margin: 0 0 25px 0; }
ul#sidebar li ul {
font-size: 0.8em;
margin: 0 0 0 10px;
}
ul#sidebar li ul li a { text-decoration: none; }
ul#sidebar li ul li a:hover {
color: #FF0000;
text-decoration: underline;
}
form#searchform input {
width: 125px;
border: 1px solid #A7A6AA;
padding: 2px;
margin-bottom: 3px;
background: #fff;
color: #666;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
COMMENT LIST
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
ol#commentlist {
font-size: 0.8em;
margin: 30px 0 0 20px;
list-style: none;
font-weight: normal;
}
ol#commentlist li {
margin: 0 0 35px 0;
border-bottom: 1px solid #CCC;
}
.moderation { color: red; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
COMMENT FORM
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
form#commentform { margin: 25px 0 0 30px; }
form#commentform p {
margin: 3px 0 0 0;
}
form#commentform textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 2px;
color: #666;
width: 400px;
border: 1px solid #A7A6AA;
}
form#commentform input {
color: #666;
padding: 2px;
width: 265px;
border: 1px solid #A7A6AA;
}
form#commentform input#submit {
width: 410px;
border: 1px solid #A7A6AA;
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PAGES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.page h2 { font-size: 2em; }
.page p {
font-size: 0.9em;
margin: 0 0 15px 10px;
}
.page h3 {
margin: 10px 0 5px 0;
}
.page ol, .page ul { font-size: 0.8em; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
SEARCH and ARCHIVES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sanda h2 {
font: 2em;
margin-bottom: 25px;
color: #FF0000;
}
.sanda h3 { margin: 0 0 8px 0; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.clear {
height: 20px;
width: 100%;
clear: both;
}
#footer {
background: #FFFFFF;
width: 575px;
height: 50px;
margin: 0 auto;
clear: both;
}
#footer p {
font-size: 0.8em;
color: #000000;
margin: 0;
}
#footer p a {
color: #FF0000;
text-decoration: underline;
}
#footer p a:hover { text-decoration: none; }
Hier der Code der inculde Seite auf der der I-Frame eingetragen ist:
Code
<link href="mainstyls.css" rel="stylesheet" type="text/css">
<title>blog</title><div align="center">
<iframe width="575 px" height="800 px" frameborder=0 scrolling="auto" src="[URL="http://www.bionicbabies.net/wordpress"]http://www.bionicbabies.net/wordpress[/URL]"> <a href="<A href="http://www.bionicbabies.net/wordpress"></a">http://www.bionicbabies.net/wordpress"></a> </iframe>
</html>
mfg
Tom
