Beiträge von FabianK

FabianK

Hallo,
ich verwende das Design Tranquility 1.01. Die beiden angefügten Screenshots verdeutlichen am besten mein Problem:
Wurde ein Link bereits besucht, so findet nicht mehr so ein schöner Hover-Effekt statt. Ich hätte gerne, dass bereits besuchte Links genauso aussehen wie nicht besuchte Links.

Wie kann ich das machen? Was muss ich dazu im Stylesheet verändern?

Code

/*  
Theme Name: Tranquility
Theme URI: http://hashi.mediengeneration.com
Description: Original-Autor des Themes ist Makequick besucht doch mal seine Website unter http://www.makequick.com
Version: 1.01 deutsche Version
Author: Hashi
Author URI: http://hashi.mediengeneration.com
*/


/*************************************
 +Containers
 *************************************/
body{
	background:#2B3744 url(./images/header-bg.gif) repeat-x;
	color:#C0D2DD;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size:62.5%;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}
#wrap{
	margin:0 auto;
	text-align:left;
	width:76em;	
}
#content{
	font-size:1.2em;
	float:left;
	padding:1em;
	width:40em;
}
#sidebar{
	font-size:1.1em;
	float:right;
	width:20em;
}
#sidebar-float {
margin-top: -200px;
}
#sidebar-top {
	background-image: url('images/sidebar-top.gif');
	background-position: top;
	background-repeat: no-repeat;
	width: 322px;
	height: 231px;
	margin-left: -50px;
	margin-top: -100px;
	
	}
#header{
	padding-left: 70px;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 17px;
	height: 77px;
}
#menu-left {
background-image: url(images/menu-left.gif);
width: 10px;
height: 24px;
float: left;
}


#menu-right {
background-image: url(images/menu-right.gif);
width: 9px;
height: 24px;
float: left;
}


#menu-middle {
background-image: url(images/menu-bg.gif);
height: 24px;
float: left;
}
#footer{
	background:#24303C;
	border-top:1px solid #17212B;
	color:#A9BFCD;
	clear:both;
	font-size:0.9em;
	padding:0.5em;
}


#footer a {
color: #A9BFCD;
}


#footer a:hover {
color: #A9BFCD;
border-bottom: 1px dashed #C0D2DD;
}




/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	margin:0;}


#sidebar h3 {
display: block;
background-image: url('images/h2-bg.gif');
padding-bottom: 10px;
padding-top: 5px;
padding-left: 15px;
height: 25px;
background-position: left;
background-repeat: no-repeat;
color: #8DB4DC;
letter-spacing: +1px;
font-size: 15px;
}


#header h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:3em;
	margin:0;
	margin-right:1em;
}
#header h1 a{
	color:#FFFFFF;
}
#header h1 a:hover{
	color:#E9F4FF;
}
#header p{
	color:#aaa;
	font-size:1.1em;
	margin:0;
	margin-top:-0.5em;
}
.entrytitle h2{
	font-size:2.2em;
}
.entrytitle h2 a
{
	color:#22ACF4;
}
.entrytitle h2 a:hover{
	color:#5DBCF1;
}
.entrytitle h3{
	font-size:1.2em;
	color:#FFFFFF;
}


/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:3em;
}


.entrymeta{
	font-size:0.9em;
}
.postedby{
	background: url(./images/user.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.filedto{
	background: url(./images/post.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.commentslink{
	background: url(./images/packaged.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}


/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li{
	margin-top: 2px;
	margin-bottom: 2px;
}


#sidebar ul li a:link{
background-color: #323E4B;
border: 1px dashed #323E4B;
display: block;
padding-top: 3px;
padding-left: 3px;
padding-bottom: 3px;
}
#sidebar ul li a:hover{
background-color: #394552;
border: 1px dashed #455361;
display: block;
padding-top: 3px;
padding-left: 3px;
padding-bottom: 3px;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;


}
.commentsblock textarea{
	width:35em;
	background:#202B37;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #1A242F;
	background:#1D82CD;
}
.commentsblock textarea:focus{
	background:#25303D;
	border:1px solid #1A242F;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#25303D;
	border:1px solid #1A242F;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#C0D2DD;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#3D4A58;
	border:1px dotted #475462;
	padding:0.5em;
}
h3#comments{
font-size:1.6em;
}


/*************************************
 +Misc
 *************************************/
a{
	color:#579;
	text-decoration:none;
}
a:hover{
	color:#8A99A9;
}
#content_start {position: absolute;left: -10000px;};


/* Navigation */


#navigation ul { list-style-type: none; list-style-image: none; float: left;}


#navigation li { float: left; list-style-type: none; list-style-image: none; margin-top: -7px }


#navigation li a:link,
#navigation li a:visited
{
	float: left;
	color: #25B4FA;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	font-size: 12px;
	list-style-type: none; 
	list-style-image: none;
}
#slogan {
color: #2B3744;
font-size: 13px;
}
#navigation li a:hover
{
	color: #96B2D0;
	font-size: 12px;
	list-style-type: none; 
	list-style-image: none;
}


#navigation li a:active
{
	float: left;
	color: #25B4FA;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	font-size: 12px;
	list-style-type: none; 
	list-style-image: none;
}


#navigation
{
	clear: both;
	float: left;
	width: 792px;
	height: 24px;
	margin-right: auto;
	margin-top: 26px;
}


.date2 {
float: left; width: 61px; height: 61px; margin-left: -89px; background-image: url('images/date.gif'); margin-top: 10px;
}


.date2 .month {
	display: block;
	color: #80CAF1;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	margin-top: 11px;
	margin-left: 5px;
}
.date2 .day {
	display: block;
	color: #AABACA;
	font: 2.3em Georgia;
	text-align: center;
	margin-top: -5px;
	margin-left: 0px;
}

Alles anzeigen

Vielen Dank,

FabianK

FabianK

Weiß niemand Rat?

FabianK

Danke für die Antwort. Ich habe die Einstellungen verändert, aber nichts hat sich verändert.
Ich habe herausgefunden, dass es für die Headergraphik ein Bild im images-Ordner gibt:

Code

#header {
    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
    }

Ich habe die Grafik etwas verkleinert, aber dann sieht es so aus:
[Blockierte Grafik: http://img490.imageshack.us/img490/2584/nachrichtensolaraz7.png]
Wenn ich es jetzt noch hinbekommen würde, dass alles nach oben rückt, dann hätte ich es geschaft.
Nur wie kriege ich das hin?

FabianK

Hat niemand eine Idee?

FabianK

Höhe, genau dieses Wort habe ich gesucht!
Ich meine natürlich die Höhe.

(Das ist mir vorhin wirklich nicht eingefallen :))

FabianK

Hallo,
ich bin nun auch Besitzer eines WordPress'. Der Header oben, also die schwarzblau verlaufende Grafik, nimmt mir aber viel zu viel wertvollen Platz weg. Wie kann diesen denn kleiner machen? Es würde schon so klein reichen, dass nur die orangenfarbene Schrift bedeckt ist. Ich will die Breite vertikal ändern, d.h. die Länge von links nach rechts soll gleich bleiben. Ich benutze WordPress 2.2.2 und das default_de-Theme. Mit PHP, CSS usw. kenne ich mich nicht aus, aber mit der Bearbeitung von Dateien schon.

Gruß,
Fabian

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von FabianK

Tranquility - Besuchte Links hovern nicht mehr

Headerbreite verkleinern

Headerbreite verkleinern

Headerbreite verkleinern

Headerbreite verkleinern

Headerbreite verkleinern