Nagyon szépen köszönöm a segítséget. lexxx7 beletrafált, azt kellet nagyobbra állítani.
Mostmár egész jól haladtam a bloggal, de még van egy-két dolog, amit nem tudtam átalakítani.
Az egyik az-az, hogy az oldal közepén az szeretném, hogy menjen egy lap lefele, de az nem ismétlődik.
A másik, amit meg akarok oldani az-az, hogy a blogbejegyzéseknek, csak pár sora látszódjon, és csak amikor rákattintanak, akkor jöjjön ki a teljes bejegyzés.
Ezekre nincs valami ötletetek?
Jelenleg, nem tudom ide belinkelni az oldalt, megpróbáltam, de új tagoknak nem lehet.
Jelenleg, így néz ki a html forráskódok:
PHP kód:
<blh:head_required />
<blh:body_required />
<div id="container0">
<div id="container1">
<div id="header">
<img src="img/Moviesgames3.gif" alt="" />
<img src="img/antikgif.gif" alt="" />
</div>
<div id="container2">
<div class="sidebar sibebar-right">
<blh:rightboxes />
</div>
<div class="sidebar sibebar-left">
<blh:leftboxes />
</div>
<div id="main">
<blhc:postloop>
<div class="entry post vis_{blh:post_visibility}" lang="{blh:post_lang}">
<div class="head">
<h1><a href="{blh:post_permalink}"><blh:post_title /></a></h1>
<h2 class="date"><blh:post_date format="Y.m.d. H:i" /></h2>
<div style="clear:right;"></div>
</div>
<blh:post_content />
<div class="more">
<blh:post_more class="more" text="tovább*»" />
</div>
<blh:share />
<div class="bottom">
<h2 class="author">Szerző:<blh:post_author /></h2>
<h2 class="comments">
<blh:post_trackbacks />
<blh:post_pingbacks />
<blh:post_comments />
<blh:post_edit />
</h2>
<h2 class="rovatok">
<blh:post_anchor />
<blh:post_trbrdf />
<blh:post_tags />
</h2>
</div>
<blh:post_related /><blh:post_feedback />
</div>
<div style="clear:left;"></div>
</blhc:postloop>
<blh:pager />
<blh:nonpost />
</div>
<div style="clear:right;"></div>
</div>
</div>
</div>
<blh:end />
Jelenleg, így néz ki a css forráskódok:
PHP kód:
/********** =defaults **********/
/*## Body ## Body class attributes */
* {
margin:0;
padding:0;
vertical-align:top;
}
body, html {
background-image:url(img/news.jpg);
background-repeat:repeat;
background-color:#000000;
font-family:Verdana,sans-serif;
color:#000000;
font-size: 13px;
}
/*## General tags ## */
a {
color:#000000;
text-decoration:none;
}
div.pager {
font-weight:normal;
margin-top: 1em;
margin-bottom: 1em;
}
div.prev {
float: left;
}
div.next {
float: right;
}
a:hover {
text-decoration:underline;
}
div#navigation a {
margin-right:20px;
}
div#navigation {
margin-top:30px;
padding-bottom:30px;
text-align:center;
}
a img {
border:none;
}
blockquote {
color:#000000;
padding:10px;
font-size: 1em;
background-color:transparent;
border:0;
border-left:2px solid #000000;
}
/*## Page Header ## Styles for page header */
div#header {
height:1000.px;
}
div#header h1 a {
color:#000000;
}
div#header h2 {
padding-left:25px;
font-size:1.25em;
color:#000000;
font-weight:normal;
}
div#header img {
border:5px solid #000;
margin-top:10px;
}
/*## Page Footer ## Styles for page footer */
/*## Page Layout ## */
div#container0 {
background-image:url(img/Page.png);
background-position: top;
background-repeat:no-repeat;
margin:0 auto;
}
div#container1 {
width:1000px;
* width:1000px;
margin:0 auto;
margin-bottom: 2em;
}
input.SearchField {
width:150px;
}
div#container2 {
margin-top:0px;
}
div#main {
width:680px;
float:left;
}
/*## Post ## attributes for blog posts */
div.post img { text-align: left; float:left; margin: 12px; margin-left: 0px; margin-top: 4px; margin-bottom: 4px; }
div.post img.imgright { text-align: right; float:right; margin-right: 0px; margin-left: 12px; }
div.post img.imgleft { text-align: left; float:left; margin-left: 0px; }
div.post img.imgnotext { text-align: middle; float:none; margin: 5px auto; display: block; }
/*div.entry p:first-line {
color:#220903;
text-align:bold;
}*/
div.entry h1 {
font-size:1.7em;
color:#000000;
font-weight:normal;
* margin-left:5px;
}
div.entry img {
border:none;
}
div.entry h2 {
font-size:1.5em;
color:#000000;
font-weight:normal;
* margin-left:5px;
}
div.entry h3 {
font-size:1.3em;
color:#000000;
font-weight:normal;
* margin-left:5px;
}
div.entry ul {margin-left:30px;}
div.entry ul li {margin-bottom:10px;list-style-type:square;}
div.entry div.head h1 {
font-size:1.4em;
padding-left:100px;
font-weight:normal;
color:#000000;
}
div.entry div.head h1 a {
color:#000000;
}
div.entry h2.date {
font-size:0.85em;
float:right;
vertical-align:middle;
padding-top:10px;
}
div.entry div.bottom h2 {
font-size:0.8em;
font-weight:normal;
}
div.entry h2.rovatok {
padding-left:10px;
padding-right:10px;
padding-top:10px;
font-size:0.9em;
line-height:20px;
clear:both;
}
div.entry h2.rovatok a {
color:#000000;
}
div.entry h2.date {
float:right;
color:#000000;
}
div.entry h2.author {
padding-left:55px;
margin-top:0px;
float:left;
color:#000000;
font-weight:bold;
font-size:0.85em;
}
div.bottom h1 {
padding:5px;
font-size:0.85em;
}
div.entry h2.comments {
margin-top:35px;
float:right;
padding-right:10px;
font-size:0.85em;
}
div.entry img {
border:5px solid #000000;
margin-top:10px;
margin-bottom:10px;
}
div.entry {
font-family:Verdana,sans-serif;
font-size:1em;
margin:0 0 30px 0;
}
div.entry p {
color:#000000;
font-size:1em;
line-height:20px;
margin-bottom:10px;
padding-left: 10px;
}
div.more { text-align: right; margin-bottom:8px; margin-right: 10px; }
div.entry div.head, div.entry div.bottom {
background-image:url(img/cimke.png);
background-repeat:repeat;
padding:20px;
}
div.entry div.head {
margin-bottom:10px;
}
/*## Sideboxes ## Styles for sideboxes */
div.sidebar {
float:right;
width:180px;
color:#000000;
margin-right:5px;
/*background-color:#dfd6d2;*/
}
div.sidebar ul#menu li {
display:inline;
}
div.sidebar ul#menu li.current a {
background-color:#000000;
color:#000000;
padding:5px;
margin-left:-5px;
padding-left:26px;
padding-right:26px;
padding-bottom:7px;
* padding-bottom:6px;
}
div.sidebar ul#menu li a {
font-size:1.4em;
background-color:#000000;
color:#fff;
padding:5px;
padding-left:26px;
padding-right:26px;
margin-right:8px;
}
div.sidebar h1, div.sidebar h2, div.sidebar h3, h3.comment {
font-size:1.45em;
font-weight:normal;
padding-left:5px;
margin-bottom:20px;
color:#FFFFFF;
background-image:url(img/cimke2.png);
background-repeat:repeat;
}
div.sidebar p {
color:#000000;
font-size:1.25em;
line-height:20px;
padding-left:5px;
padding-bottom:10px;
}
div.sidebar div.box {
margin:0 10px 10px 10px;
padding: 0 0 20px 0;
font-size:1.05em;
color:#000000;
overflow: hidden;
}
div.sidebar select {
width: 100%;
}
div.sidebar ul {
padding-left:15px;
list-style-type:none;
}
div.sidebar ul li {
font-size:1.25em;
color:#000000;
}
div.sidebar ul li a {
color:#000000;
}
div.sidebar ul.rov li a span {
color:#000000;
}
div.sidebar div.feed a {
color:#000000;
}
div.sidebar div.feed p {
padding:0;
padding-left:5px;
}
div.sidebar div.feedlist a {
color:#000000;
}
div.sidebar div.feedlist p:first-line {
color:#000000;
text-align:bold;
}
div.sidebar img {
margin-top:10px;
}
.inbox a.promo_inbox {
color:#000000;
}
.inbox a.promo_inbox strong {
color: #000000;
position: relative;
}
* html .inbox a.promo_inbox strong {
table-layout: fixed;
}
/*## Calendar ## Styles for calendar */
/*## Comments ## Styles for comment area */
h3.comment {
margin-top:10px;
}
/*div.comment span {
padding:10px;
}*/
form#commentForm {
border:0;
}
div.commentText {
padding:10px;
}
div.comment h1 {
background-color:none;
}
div.commentsBg {
font-size:1.25em;
padding:10px;
/*background-color:#dfd6d2;*/
margin-bottom:10px;
color:#000000;
}
div.comment h1 {
font-size:1.15em;
}
div.comment {
padding:10px;
}
div.owncomment
{
/* background-color: #fff0f0;*/
}
fieldset.input img { margin: 0px; }
Előre is köszönöm az újjabb segítséget.
Könyvjelzők