theme modifications

von | Okt 25, 2009 | wordpress | 0 Kommentare

StudioBlue

Screenshots

studioblue01
studioblue02
studioblue03

[Zeige als Diashow]

Code

No special changes were done to the php code, only the additions of breadcrumps, edit link, pagenumbers and such as already reported for the other themes were applied.

In the main css file all text colors were changed to ‘#616368;’ to increase the contrast.

The main layout changes and additions are again in a separate file:

/*  StudioBlue */
 
#breadcrump { background-color: #FFF; color: inherit; border: 1px solid #EBEBEB; padding: 5px 5px 5px 15px; display: block; margin-bottom: 10px; width: 593px; margin-top: 15px; }
 
h1 { margin-top: 20px; }
h2 { margin-top: 20px; }
h3 { margin-top: 20px; }
h4 { margin-top: 20px; }
h1.post-title{ margin-top: 0px; }
 
 
.current_page_item { font-weight: bold; }
.current_page_item .page_item { font-weight: normal;}
.current_cat_item { font-weight: bold; }
 
/* TOC Plugin */
.toc {
  border: #ebebeb solid 1px;
  font-size: .9em;
  margin: 0 0 15px 0px;
  width: 50%;
}
 
.toc ol {
  margin: 5px;
  padding-left: 30px;
}
 
 
 
.related-posts {
	background-color: #FFF; 
	color: #7b7b6f;
	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: 568px;
}
 
.landingsites{
	background-color: #FFF; 
	color: #7b7b6f;
	border: 1px solid #ebebeb;
	padding-left: 15px;
	padding-top: 0px;
	display: block;
	margin-bottom: 5px; 
	margin-top: 15px;
	padding-top: 15px;
	width: 598px;
}
 
 
.wp_syntax {
  color: #100;
  background-color: #f6f6f6;
  border: 1px solid #ebebeb;
  margin: 0 0 1.5em 0;
  overflow: auto;
}
 
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	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 #2967b0;
	border-width: 1px;
}
 
table thead th{
	letter-spacing: .1em; 
	color:#fff; /*color: inherit;*/
	background: #2967b0; 
	font-weight: bold; 
	text-align:left;
} 
 
table tr {
	border-bottom: solid #ebebeb;
	border-width: 1px;
}
 
 
td, th { padding: 6px; margin: 0px; }   
table tr.even th, 
table tr.even td {background: #fff; } 
table tr.odd th,
table tr.odd td {background: #f0f0f0; } 
 
tr td.tablesubheader,
tr.odd td.tablesubheader,
tr.even td.tablesubheader  {
	background: #aeaeae; 
 	border: 1px solid #aeaeae;
	color: #fff;
}
 
 
 
.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 #ebebeb;
	color: #1d75cf;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ebebeb;
	color: #1d75cf;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #3B3B3B;
	color: #3B3B3B;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ebebeb;
	color: #1d75cf;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px; 
	margin: 2px 2px 2px 2px;
	color: inherit;
	border: 1px solid #ebebeb;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ebebeb;
	color: inherit;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px; 
	margin: 2px;	
	border: 1px solid #ebebeb;
	color: inherit;
	background-color: #FFFFFF;
}

WhosWho

Screenshots

whoswho01
whoswho02
whoswho03
whoswho04

[Zeige als Diashow]

Code

The functions.php got a new function ‘shareButtons($visibility)’ to remove the huge code of the Share Button outside of the theme files.

in sidebar.php the following code had to be disabled:

if (get_option('artsee_ads') == 'Hide') ...

simply because this option has different values in other themes, for example ‘invisible’, which means that the ad is shown if one switches the theme. In that sense it is a bug across all themes.

In the main css file I have again increased the contrast of all text colors to ‘#53555a;’ and removed all ‘text-transform: lowercase’ occurences.

All further changes in style are in this css file:

/*  PureType */
 
#breadcrump { width: 583px; padding: 5px 15px; margin-right: 13px; float: left; background-color: #FFF; border: 1px solid #EBEBEB; margin-bottom: 10px; }
 
h1 { margin-top: 20px; }
h2 { margin-top: 20px; }
h3 { margin-top: 20px; }
h4 { margin-top: 20px; }
h1.post-title{ margin-top: 0px; }
 
.sidebar-box ul { margin-left: -15px; }
.sidebar-box ul.wp-polls-ul { margin-left: 5px; }
 
 
.current_page_item { font-weight: bold; }
.current_page_item .page_item { font-weight: normal;}
.current_cat_item { font-weight: bold; }
 
/* TOC Plugin */
.toc {
  border: #ebebeb solid 1px;
  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: 568px;
}
 
.landingsites{
	background-color: #FFF; 
	color: inherit;
	border: 1px solid #ebebeb;
	padding-left: 15px;
	padding-top: 15px;
	display: block;
	margin-bottom: 15px; 
	margin-top: 15px;
	width: 598px;
}
 
.wp_syntax {
  color: #100;
  background-color: #f6f6f6;
  border: 1px solid #ebebeb;
  margin: 0 0 1.5em 0;
  overflow: auto;
}
 
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	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 #027bd1;
	border-width: 1px;
}
 
table thead th{
	letter-spacing: .1em; 
	color:#fff; /*color: inherit;*/
	background: #027bd1; 
	font-weight: bold; 
	text-align:left;
} 
 
table tr {
	border-bottom: solid #d5d5d5;
	border-width: 1px;
}
 
 
td, th { padding: 6px; margin: 0px; }   
table tr.even th, 
table tr.even td {background: #fff; } 
table tr.odd th,
table tr.odd td {background: #f2f2f2; } /*#e7e7e7*/
 
tr td.tablesubheader,
tr.odd td.tablesubheader,
tr.even td.tablesubheader  {
	background: #949494; 
 	border: 1px solid #949494;   
	color: #fff;
}
 
 
 
.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 #ebebeb;
	color: #0084ff;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ebebeb;
	color: #0084ff;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #3B3B3B;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ebebeb;
	color: #0084ff;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px; 
	margin: 2px 2px 2px 2px;
	color: inherit;
	border: 1px solid #ebebeb;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ebebeb;
	color: inherit;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px; 
	margin: 2px;	
	border: 1px solid #ebebeb;
	color: inherit;
	background-color: #FFFFFF;
}
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.