theme modifications

von | Okt 25, 2009 | wordpress | 0 Kommentare

GrungeMag

Screenshots

grungemag01
grungemag02
grungemag03

[Zeige als Diashow]

Code

I moved the whole ‘share buttons’ to a function in functions.php, because it is a mess of code and used multiple times:

/*  PureType */
 
#breadcrump { width: 697px; float: left; border-bottom: 1px solid #eeebdd; background-color: #f5f5eb; padding: 5px; margin-bottom: 20px; padding-left: 28px; margin-left: -28px; display: block;} 
 
.bluetitle, .bluetitle a:link, .bluetitle a:hover, .bluetitle a:visited { font-size: 42px; }
.redtitle, .redtitle a:link, .redtitle a:hover, .redtitle a:visited { font-size: 42px; }
.redtitle, .redtitle a:link, .redtitle a:hover, .redtitle a:visited, .bluetitle, .bluetitle a:link, .bluetitle a:hover, .bluetitle a:visited { line-height: 50px; }
.logo {height: 25px; }
 
h1 { margin-top: 20px; }
h2 { margin-top: 20px; }
h3 { margin-top: 20px; }
h4 { margin-top: 20px; }
h1.post-title{ margin-top: 20px; }
 
.current_page_item { font-weight: bold; }
.current_page_item .page_item { font-weight: normal;}
.current_cat_item { font-weight: bold; }
 
/* TOC Plugin */
.toc {
  border: #d0d0c8 solid 1px;
  /*float: left;*/
  font-size: .9em;
  margin: 0 0 15px 0px;
  width: 50%;
}
 
.toc ol {
  margin: 5px;
  padding-left: 30px;
}
 
 
.related-posts {
	background-color: #FFF; 
	color: inherit;
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	padding-left: 15px;
	padding-top: 0px;
	display: block;
	margin-bottom: 15px; 
	margin-top: 15px;
	width: 603px;
}
 
.landingsites{
	background-color: #FFF; 
	color: inherit;
	border: 1px solid #EBEBEB;	
	padding-left: 15px;
	display: block;
	margin-bottom: 15px; 
	margin-top: 15px;
	padding-top: 15px;
	width: 603px;
}
 
.wp_syntax {
  color: #100;
  background-color: #f5f5eb;
  border: 1px solid #d0d0c8;
  margin: 0 0 1.5em 0;
  overflow: auto;
}
 
 
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	/*border-bottom: 1px solid #d0d0c8; */
	border: 1px solid #d0d0c8;
	margin: 10px 0px;
} 
 
.blanktable {
	width: auto;
	border-collapse: collapse;
	border: none;
} 
 
td, th{
	line-height: 130%;
	vertical-align: top; 
	font-weight: normal; 
} 
 
table thead tr{
	border: solid #53718b;
	border-width: 1px;
}
 
table thead th{
	letter-spacing: .1em; 
	color:#fff; /*color: inherit;*/
	background: #53718b; 
	font-weight: bold; 
	text-align:left;
} 
 
table tr {
	border: solid #e6e6de;
	border-width: 1px;
}
 
 
td, th { padding: 6px; margin: 0px; }   /* border:1px solid #e9e9d9; */
table tr.even th, 
table tr.even td {background: #fff; } /*#f5f5eb*/
table tr.odd th,
table tr.odd td {background: #fafaf1; } /*fffff5*/
 
tr td.tablesubheader,
tr.odd td.tablesubheader,
tr.even td.tablesubheader  {
	background: #e6e6de; 
 	border: 1px solid #e6e6de;   /*#d0d0c8*/
	color: #000;
}
 
 
.wp-pagenavi{
	margin-bottom: 10px;
}
 
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px; 
	margin: 2px 2px 2px 2px;
	color: inherit;
	border: 1px solid #d0d0c8;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #d0d0c8;
	color: inherit;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px; 
	margin: 2px;	
	border: 1px solid #d0d0c8;
	color: inherit;
	background-color: #FFFFFF;
}
 
.pagenumbers{
	margin-bottom: 10px;
}
 
.pagenumbers a, .pagenumbers a:link {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}
.pagenumbers a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}
.pagenumbers a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.pagenumbers a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}

used in ‘page.php’ as

    <div id="header-right">
        <?php include 'adsense/468x60.php';?>
    </div>

In header.php the banner code was removed, because it could not be switched of by an option.

In sidebar.php I removed the ‘about us’ tab, because I do not want it, and it is not switchable by an option.

The breadcrumps, edit and print link and the page navigation was introduced as in the EarthlyTouch Theme.

The css for the sidebar page navigation was changed completely, since in the original it was only flat. Several minor changes were applied to the css file, such as removal of text-transfrom, or the adding of some space in padding or margins. All major changes are in a seperate file:

body { color: #5c5c5c; }
#container { color: #5c5c5c; }
.sidebar-box ul { margin-left: -20px; }
Seiten: 1 2 3 4 5

Trackbacks/Pingbacks

  1. test | djovanov.tk - […] The screenshot you see above is actually the exact pagination style we use for long posts that we break…
  2. How to Add Page-Link Tag (Multiple Page Post / nextpage) Support to WordPress | The Buzz Media - [...] The screenshot you see above is actually the exact pagination style we use for long posts that we break…

Kommentar absenden

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.