blog hilfe

R

riesentrolli

Guest
hey ho liebe coder,

vor kurzem habe ich mich entschieden, mein standard blogger theme in die tonne zu treten und etwas zu benutzen. hab dann auch n template gefunden was so weit ganz cool is. allerdings hab ich ein problem: bei post überschriften die über 1 zeile gehen ragt die überschrift ind den post rein.
nun würde ich das gerne so ändern, dass sich das autmatisch anpasst.
hier mal der ganze code^^

[codebox]<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

/* **************************
Name: Reckoning
Blogger by: http://blogandweb.com/
Distributed by: http://btemplates.com/
Designer: http://www.freecsstemplates.org
Date: Jul 09

Released for free under a Creative Commons Attribution 2.5 License
Description: A two-column, fixed-width design for 1024x768 screen resolutions.

*****************************

*//* Definicion de variables
====================
<Variable name="textocolor" description="Text Color"
type="color" default="#63676A" value="#63676A">
<Variable name="enlacecolor" description="Link Color"
type="color" default="#C2C8CC" value="#C2C8CC">
<Variable name="colortituloblog" description="Blog Title Color"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="descripcioncolor" description="Blog Description Color"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="colortituloentrada" description="Post Title Color"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#C2C8CC" value="#C2C8CC">
<Variable name="colortituloslateral" description="Sidebar Title Color"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="colortextolateral" description="Sidebar Text Color"
type="color" default="#C2C8CC" value="#C2C8CC">
*/

#outer-wrapper {
width:900px;
margin:0 auto;
background:#000;
}

#navbar-iframe {
height:0;
visibility:hidden;
display:none;
}

/*-- (Generales) --*/
body {
margin:0;
padding:0;
background:#000 url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SmuZ9sw_YSI/AAAAAAAAAu0/YN_VMF-VWFg/s1600/img01.jpg) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:$textocolor;
}

h1,h2,h3 {
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
color:#649632;
}

h1 {
font-size:44px;
}

h2 {
font-size:20px;
}

h3 {
}

p,ul,ol {
margin-top:0;
line-height:200%;
text-align:justify;
}

ul,ol {
}

blockquote {
}

a {
color:$enlacecolor;
}

a:hover {
text-decoration:none;
}

a img {
border:none;
}

img.left {
float:left;
margin:7px 30px 0 0;
}

img.right {
float:right;
margin:7px 0 0 30px;
}

hr {
display:none;
}

#main-wrapper {
overflow:hidden;
}

.clear {
clear:both;
}

#blog-pager-newer-link {
float:left;
}

#blog-pager-older-link {
float:right;
}

#blog-pager {
text-align:center;
}

/*-- (Cabecera) --*/
#header-top {
width:820px;
height:44px;
margin:0 auto;
background:url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SmuZ-aVoy_I/AAAAAAAAAvE/YCp7I6dasy4/s1600/img03.jpg) repeat-x left top;
}

#header-wrapper {
width:900px;
height:300px;
margin:0 auto;
background:url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SmuZ_ACLxDI/AAAAAAAAAvU/SjOY8RadPZs/s1600/img05.jpg) no-repeat left top;
}

#header-wrapper h1,#header-wrapper p {
margin:0;
padding:0;
line-height:normal;
}

#header-wrapper h1 {
padding-left:40px;
padding-top:90px;
color:$colortituloblog;
}

#header-wrapper p {
padding:0 0 0 42px;
font:italic 13px Georgia, "Times New Roman", Times, serif;
color:$descripcioncolor;
}

#header-wrapper h1 a {
text-decoration:none;
color:$colortituloblog;
}

#header-wrapper h1 a:hover {
text-decoration:underline;
}

/*-- (Menu) --*/
#menu {
float:left;
height:44px;
}

#menu ul {
margin:0;
padding:0;
list-style:none;
line-height:normal;
}

#menu li {
height:44px;
display:block;
float:left;
padding:12px 25px 0;
background:url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SmuZ-7Y6tjI/AAAAAAAAAvM/y4mC03RHKJs/s1600/img04.jpg) no-repeat right 8px;
}

#menu a {
display:block;
float:left;
text-decoration:none;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
}

#menu a:hover {
text-decoration:underline;
}

#menu .current_page_item {
margin:0;
color:#FFF;
}

#search {
float:right;
height:44px;
}

#search form {
float:right;
margin:0;
padding:10px 20px 0 0;
}

#search fieldset {
margin:0;
padding:0;
border:none;
}

#search input {
float:left;
padding:0;
height:20px;
font:12px Arial, Helvetica, sans-serif;
border:none;
}

#search-text {
width:135px;
height:14px;
margin:0 6px 0 0;
padding:3px 0 0 5px;
color:#658453;
}

#search-submit {
padding:0;
margin:0;
height:21px;
margin-left:4px;
color:#39561D;
}

/*-- (Contenedor) --*/
#content-wrapper {
width:820px;
margin:0 auto;
padding:0;
}

/*-- (Principal) --*/
#main-wrapper {
float:right;
width:520px;
}

.post {
margin-bottom:35px;
}


.post-title,#comments h4 {
height:35px;
margin-bottom:3px;
border-bottom:1px dashed #1E1E1E;
font-family:Arial, Helvetica, sans-serif;
color:$colortituloentrada;
font-weight:400;
font-size:27px;
}



.post-title a {
color:$colortituloentrada;
text-decoration:none;
}

.date-header {
float:right;
padding-right:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
font-size:15px;
color:$dateHeaderColor;
}

.post-body {
padding:20px 0;
}

.post-footer {
padding:0;
font-size:90%;
}

.post-comment-link {
float:right;
}

#blog-pager {
margin:15px 0;
}

/*-- (Lateral) --*/
#sidebar-wrapper {
float:left;
width:250px;
}

#sidebar-wrapper ul {
line-height:200%;
background:none;
margin:0;
padding:0;
list-style:none;
}

#sidebar-wrapper li {
margin:0;
padding:3px 0;
background:none;
}

#sidebar p {
margin:0;
padding:0 20px;
line-height:200%;
padding-bottom:20px;
}
#sidebar-wrapper a {
color:$colortextolateral;
}
#sidebar-wrapper h2 {
height:33px;
margin:0 0 20px;
padding:15px 0 0 20px;
background:url(http://2.bp.blogspot.com/_73i0fjAB_Hw/SmuaDFxc-EI/AAAAAAAAAvc/1DR9m_sVORk/s1600/img06.jpg) repeat-x left top;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
color:$colortituloslateral;
}

.widget-content {
padding:0 20px 10px;
}

.sidebar .widget {
line-height:normal;
margin:0 0 30px;
padding:0 0 20px;
background:url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SmuaDhNBUHI/AAAAAAAAAvk/Jr0ph0EjulE/s1600/img07.jpg) repeat-x left top;
}

/*-- (Pie de pagina) --*/
#footer-wrapper {
width:900px;
margin:0 auto;
padding:0;
background:url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SmuZ-OtrkiI/AAAAAAAAAu8/6fKCL4qkRUQ/s1600/img02.jpg) repeat-x left top;
height:61px;
}

#footer-wrapper p {
margin:0;
padding:20px 0;
text-align:center;
line-height:normal;
color:#FFF;
}

.credits {
font-size:85%;
}

.credits a {
text-decoration:none;
}

/*-- (Comentarios) --*/
#comments dl {
}

.comment-author {
font-weight:700;
padding:0 0 5px;
font-size:110%;
}

.comment-author a,.comment-timestamp a {
text-decoration:none;
}

.comment-body {
border-bottom:1px dashed #1E1E1E;
display:block;
margin:0 0 15px!important;
}

.comment-form {
background:#131313;
border:1px solid #1E1E1E;
margin:15px 0;
max-width:100%!important;
padding:15px 25px 25px;
}

.comment-form p {
}

h4.comment-post-message {
}

p.comment-footer {
text-align:center;
}

dd.comment-footer,dd.comment-body {
margin:0;
}

.comment-timestamp {
padding:0 0 10px 20px;
font-size:85%;
}

body#layout #content-wrapper {
margin:0;
}

body#layout #footer-wrapper p.links,body#layout #menu,body#layout #search,.feed-links {
display:none;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- links para navegadores de texto -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>ir a principal </a> |
<a href='#sidebar'>Ir a lateral</a>
</span>



<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='XXX (Header)' type='Header'/>
</b:section>
</div>

<!-- (Contenedor) -->
<div id='content-wrapper'>

<!-- (Principal) -->
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog-Posts' type='Blog'/>
</b:section>
</div>

<!-- (Lateral) -->
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Blog Search' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Shoutbox' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog-Archiv' type='BlogArchive'/>
<b:widget id='HTML3' locked='false' title='Want to discover new music?' type='HTML'/>
<b:widget id='HTML4' locked='false' title='Recommended' type='HTML'/>
<b:widget id='Text1' locked='false' title='' type='Text'/>
<b:widget id='BlogList1' locked='false' title='Friends' type='BlogList'/>
<b:widget id='Subscribe1' locked='false' title='Abonnieren von' type='Subscribe'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML6' locked='false' title='FEEDJIT Live Traffic Feed' type='HTML'/>
</b:section>
</div>

<!-- Limpiar flotacion-->
<div class='clear'/>

</div> <!-- fin de capa content-wrapper -->

<!-- (Pie de pagina) -->
<div id='footer-wrapper'>
<!--

Este es un incentivo al trabajo en disenar y adaptar esta plantilla, llega a ti de forma muy facil y sin costo, tampoco cuesta nada dejes los link, gracias y que te sea util!

This is an incentive to work in design and adapt this template, comes to you in a very easy and without cost, not cost anything let the link, thank you and this work is useful.

Dies ist ein Anreiz zur Arbeit in Design und Anpassung dieser Vorlage, kommt zu Ihnen in einem sehr einfach und ohne Kosten, nichts kosten lassen Sie den Link, ich danke Ihnen, und diese Arbeit sinnvoll ist.

-->
<p class='links'> Copyright © 2009 <a expr:href='data:blog.homepageUrl' style='text-decoration: none;'><data:blog.title/></a><br/><span class='credits'>
Design by <a href='http://www.freecsstemplates.org/' title='Designer'>Free CSS Templates</a>
| <a href='http://btemplates.com/' title='Blogger templates'>Blogger Templates</a> by <a href='http://blogandweb.com/' title='Plantillas Blogger'>Blog and Web</a></span></p>
</div>
<script src='http://www.ipcounter.de/count_js.php?u=62795904&amp;color=pink' type='text/javascript'/>
</div></div> <!-- fin de capa outer-wrapper -->
</body>
</html>
[/codebox]

es müsste ja was ungefähr da verändert werden nich?

.post-title,#comments h4 {
height:35px;
margin-bottom:3px;
border-bottom:1px dashed #1E1E1E;
font-family:Arial, Helvetica, sans-serif;
color:$colortituloentrada;
font-weight:400;
font-size:27px;
}

aber ich einfach keine ahnung was. wär cool wenn mir jmd helfen kann.
 
Zuletzt bearbeitet:
gelöst:

height:35px;
durch
<a expr:href='data:post.link'><data:post.title/></a>
ersetzt
 
Zurück