General Support
b2evolution CMS Support Forums- b2evolution Support
- Templates, skins, XHTML and CSS
- Desperately need help with template.
1 myeyesloveyuu Oct 08, 2006 19:06
Hello~ :D
I'm a total n00b when it comes to php and this is my first time using b2evolution.
Anyway, I really REALLY need help with my template as I'm now at my wit's end. I seriously think I screwed up the codings big time...
This is my URL: http://yulog.yuuutsu.net
The sidebar of my layout is using a Contractible Headers Script... :0
I'm trying to er, save space on the sidebar part.
The problems with my layout:
1. After I update an entry, the sidebar and header image would duplicate and overlap the entry. x__o It's a total eyesore!!!
2. I'm trying to get rid of the white borders around the comment booth. T__T Since I'm pretty illiterate in b2evo [and php, to be honest], I can't tell what's wrong with my codings and I have no idea on what to edit.
3. By the way, is there any way that I can re-size the textarea in the comment booth? ._. Just wondering.
--------
Well, without further ado, these are my _main.php codings:
<?php
/**
* This is the main template. It displays the blog.
*
* However this file is not meant to be called directly.
* It is meant to be called automagically by b2evolution.
* To display a blog, the easiest way is to call index.php?blog=#
* where # is the number of your blog.
*
* This file is part of the b2evolution project - {@link http://b2evolution.net/}
*
* @copyright (c)2003-2006 by Francois PLANQUE - {@link http://fplanque.net/}
* Parts of this file are copyright (c)2005 by Jason EDGECOMBE.
* Parts of this file are copyright (c)2004-2005 by Daniel HAHLER.
*
* @license http://b2evolution.net/about/license.html GNU General Public License (GPL)
*
* {@internal Open Source relicensing agreement:
* Daniel HAHLER grants Francois PLANQUE the right to license
* Daniel HAHLER's contributions to this file and the b2evolution project
* under any OSI approved OSS license (http://www.opensource.org/licenses/).
*
* Jason EDGECOMBE grants Francois PLANQUE the right to license
* Jason EDGECOMBE's personal contributions to this file and the b2evolution project
* under any OSI approved OSS license (http://www.opensource.org/licenses/).
* }}
*
* @package evoskins
* @subpackage custom
*
* {@internal Below is a list of authors who have contributed to design/coding of this file: }}
* @author blueyed: Daniel HAHLER
* @author cafelog (team)
* @author edgester: Jason EDGECOMBE (personal contributions, not for hire)
* @author fplanque: Francois PLANQUE - {@link http://fplanque.net/}
*
* @version $Id: _main.php,v 1.104.2.9 2006/09/12 02:10:37 fplanque Exp $
*/
if( !defined('EVO_MAIN_INIT') ) die( 'Please, do not access this page directly.' );
skin_content_header(); // Sets charset!
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php locale_lang() ?>" lang="<?php locale_lang() ?>">
<head>
<script type="text/javascript">
/***********************************************
* Contractible Headers script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use. Last updated Mar 23rd, 2004.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var enablepersist="on" //Enable saving state of content structure using session cookies? (on/off)
var collapseprevious="no" //Collapse previously open content when opening present? (yes/no)
if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;}')
document.write('</style>')
}
function getElementbyClass(classname){
ccollect=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
ccollect[inc++]=alltags[i]
}
}
function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}
function expandcontent(cid){
if (typeof ccollect!="undefined"){
if (collapseprevious=="yes")
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
}
}
function revivecontent(){
contractcontent("omitnothing")
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}
function saveswitchstate(){
var inc=0, selectedItem=""
while (ccollect[inc]){
if (ccollect[inc].style.display=="block")
selectedItem+=ccollect[inc].id+"|"
inc++
}
document.cookie=window.location.pathname+"="+selectedItem
}
function do_onload(){
uniqueidn=window.location.pathname+"firsttimeload"
getElementbyClass("switchcontent")
if (enablepersist=="on" && typeof ccollect!="undefined"){
document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0"
firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0 //check if this is 1st page load
if (!firsttimeload)
revivecontent()
}
}
if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate
</script>
<meta http-equiv="Content-Type" content="text/html; charset=<?php locale_charset() ?>" />
<title><?php
$Blog->disp('name', 'htmlhead');
single_cat_title( ' - ', 'htmlhead' );
single_month_title( ' - ', 'htmlhead' );
single_post_title( ' - ', 'htmlhead' );
arcdir_title( ' - ', 'htmlhead' );
last_comments_title( ' - ', 'htmlhead' );
stats_title( ' - ', 'htmlhead' );
?>
</title>
<base href="<?php skinbase(); // Base URL for this skin. You need this to fix relative links! ?>" />
<meta name=author content="Uriko Yamaguchi">
<meta name="description" content="<?php $Blog->disp( 'shortdesc', 'htmlattr' ); ?>" />
<meta name="keywords" content="<?php $Blog->disp( 'keywords', 'htmlattr' ); ?>" />
<meta name="generator" content="b2evolution <?php echo $b2_version ?>" /> <!-- Please leave this for stats -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body{
scrollbar-3dlight-color: #7cdcff;
scrollbar-arrow-color: #FB1335;
scrollbar-base-color: #7cdcff;
scrollbar-darkshadow-color: #1B2987;
scrollbar-face-color: #7cdcff;
scrollbar-highlight-color: #3DE6FF;
scrollbar-shadow-color: #7cdcff;
scrollbar-track-color: #451a23;
overflow-x:hidden;y: scroll;
background-color: #451A23;
font-family: tahoma;
font-size: 10px;
text-align: justify;
color: #FFFFFF;
cursor: URL('http://yulog.yuuutsu.net/skull.cur')
}
#new{
padding: 0px;
width: 345px;
margin-left: 0px;
position: absolute;
top: 274px;
left: 242px;
font-family: tahoma;
font-size: 11px;
text-align: justify;
color: #FFFFFF;
}
#info{
padding: 0px;
width:179px;
margin-left:50px;
position: absolute;
top: 320px;
left: 0%;
font-family: tahoma;
text-align: justify;
color:#FFFFFF;
font-size: 10px;
}
h6{ font-weight: normal;
text-align: justify;
letter-spacing: 3pt;
font-size: 13px;
margin: 0px;
padding: 0px;
color: #d9eaff;
font-family: tahoma;}
h5{ font-weight: normal;
text-align: justify;
font-size: 10px;
margin: 0px;
padding: 0px;
color: #d6ebff;
font-family: tahoma;}
h4{ font-weight: normal;
text-align: justify;
font-size: 10px;
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-family: tahoma;}
h2 {font-weight: bold;
text-align: right;
font-size: 25px;
margin: 0px;
text-variant:small-caps;
padding: 0px;
color: #b8e4ff;
font-family: arial;
border-bottom: 1px solid;
border-bottom-color: #21afe2}
h3 {font-weight: normal;
text-align: justify;
font-size: 11px;
margin: 0px;
padding: 0px;
color: #cceaff;
font-family: tahoma;}
}
h1 {font-weight: normal;
text-align: center;
font-size: 40px;
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-family: tahoma;}
}
table.invisible
{
margin: 1ex;
border-collapse: collapse
}
table.invisible td
{
padding: 0ex 1ex;
}
td.right
{
text-align: right;
}
}
div#pageFooter {
clear: both;
background-color: #fff;
width: 738px;
margin: 0 auto;
padding: 0 0 1ex 0;
}
.pageSubTitle {
color: #ffffff;
letter-spacing: 4px;
text-align: center;
vertical-align: middle;
border: 0px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 4px;
padding-left: 6px;
font: 11px Arial, Helvetica, sans-serif;
}
/* Styles for posts */
.bpagedetail
{
margin: 5px 20px 5px 20px;
color: #FFFFFF;
font-size: 120%;
}
.bTitle {
color: #d09cf5;
font-family: arial;
font-weight: bold;
font-variant: small-caps;
text-align: center;
text-transform: uppercase;
font-size: 16px;
margin:0;
}
.bText {
margin-top: 5px;
margin-bottom: 5px;
font-family: arial;
font-size: 11px;
}
.bSmallPrint
{
clear: both;
color: #FFFFFF;
font-size: 8px;
margin: 1ex 0 2ex 0;
}
a:link { color: #ffbfd0; font-family: tahoma; font-size: 9px; font-weight: normal; text-decoration: none; border-bottom: 1px solid; border-bottom-color: #ff417e ; border-top: 0; border-top-color: ; border-left: 0; border-left-color: ; border-right: 0; border-right-color: ;
}
a:visited { color: #ffbfd0; font-family: tahoma; font-size: 9px; font-weight: normal; text-decoration: none; border-bottom: 1px solid; border-bottom-color: #ff417e ; border-top: 0; border-top-color: ; border-left: 0; border-left-color: ; border-right: 0; border-right-color: ;
}
a:hover { font-family: tahoma; font-size: 9px; text-decoration: none; color:#FFFFFF; font-variant: small-caps; text-transform: uppercase; background-color: #000000; cursor: URL('http://yulog.yuuutsu.net/skull.cur'); font-weight: bold}
b {color: #6affff; font-weight: bold; font-family: tahoma; font-size: 9px; }
u {color: #609b95; text-decoration: underline; font-family: tahoma; font-size: 9px; }
i {color: #b0bab2; text-transform: italicize; font-family: tahoma; font-size: 9px; }
</style>
</head>
<body>
<body bgcolor="#451A23" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 background="http://yulog.yuuutsu.net/img/bg.jpg">
<table id="aokuma_01" width="600" height="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_01.jpg" width="150" height="150" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_02.jpg" width="150" height="150" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_03.jpg" width="150" height="150" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_04.jpg" width="150" height="150" alt=""></td>
</tr>
<tr>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_05.jpg" width="150" height="150" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_06.jpg" width="150" height="150" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_07.jpg" width="150" height="150" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_08.jpg" width="150" height="150" alt=""></td>
</tr>
<tr>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_09.jpg" width="150" height="150" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_10.jpg" width="150" height="150" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_11.jpg" width="150" height="150" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_12.jpg" width="150" height="150" alt=""></td>
</tr>
<tr>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_13.jpg" width="150" height="50" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_14.jpg" width="150" height="50" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_15.jpg" width="150" height="50" alt=""></td>
<td>
<img src="http://yulog.yuuutsu.net/img/aokuma_16.jpg" width="150" height="50" alt=""></td>
</tr>
</table>
<div class="bPosts">
</div>
<!-- =================================== START OF MAIN AREA =================================== -->
<?php
// ------------------------- MESSAGES GENERATED FROM ACTIONS -------------------------
if( empty( $preview ) ) $Messages->disp( );
// fp>> TODO: I think we should rather forget the messages here so they don't get displayed again.
// --------------------------------- END OF MESSAGES ---------------------------------
?>
<?php
// ------------------------- TITLE FOR THE CURRENT REQUEST -------------------------
request_title( '<h2>', '</h2>' );
// ------------------------------ END OF REQUEST TITLE -----------------------------
?>
<div id="new">
<?php // ------------------------------------ START OF POSTS ----------------------------------------
if( isset($MainList) ) $MainList->display_if_empty(); // Display message if no post
if( isset($MainList) ) while( $Item = $MainList->get_item() )
{
$MainList->date_if_changed();
?>
<div class="bPost" lang="<?php $Item->lang() ?>">
<?php
locale_temp_switch( $Item->locale ); // Temporarily switch to post locale
$Item->anchor(); // Anchor for permalinks to refer to
?>
<div class="bSmallHead">
</div>
<h2 class="bTitle"><?php $Item->title(); ?></h2>
<div class="bText">
<?php $Item->content( '#', '#', '<center>Read More</center>', '' ); ?>
<?php link_pages() ?>
</div><p>
<div class="bSmallPrint">
<h6>Nicknamed Yuu at <?php
$Item->issue_time();
echo ' '; ?> </h6>
<?php $Item->categories();
echo ' | ';?>
<?php $Item->feedback_link( 'comments' ) // Link to comments ?>
</div>
<?php // ------------- START OF INCLUDE FOR COMMENTS, TRACKBACK, PINGBACK, ETC. -------------
$disp_comments = 1; // Display the comments if requested
$disp_comment_form = 1; // Display the comments form if comments requested
$disp_trackbacks = 1; // Display the trackbacks if requested
$disp_trackback_url = 1; // Display the trackbal URL if trackbacks requested
$disp_pingbacks = 1; // Display the pingbacks if requested
require( dirname(__FILE__).'/_feedback.php' );
// ---------------- END OF INCLUDE FOR COMMENTS, TRACKBACK, PINGBACK, ETC. ----------------
locale_restore_previous(); // Restore previous locale (Blog locale)
?>
<br><br><center><img src="http://yulog.yuuutsu.net/img/separator.jpg" border="0"></center><br><br>
</div>
<?php
} // ---------------------------------- END OF POSTS ------------------------------------
?>
<p class="center"><weak>
<?php posts_nav_link(); ?>
<?php
// previous_post( '<p class="center">%</p>' );
// next_post( '<p class="center">%</p>' );
?>
</weak></p>
<?php
// ---------------- START OF INCLUDES FOR LAST COMMENTS, ETC. ----------------
switch( $disp )
{
case 'comments':
// this includes the last comments if requested:
require( dirname(__FILE__).'/_lastcomments.php' );
break;
case 'arcdir':
// this includes the archive directory if requested
require( dirname(__FILE__).'/_arcdir.php');
break;
case 'profile':
// this includes the profile form if requested
require( dirname(__FILE__).'/_profile.php');
break;
case 'msgform':
// this includes the email form if requested
require( dirname(__FILE__).'/_msgform.php');
break;
case 'subs':
// this includes the subscription form if requested
require( dirname(__FILE__).'/_subscriptions.php');
break;
}
// ------------------- END OF INCLUDES FOR LAST COMMENTS, ETC. -------------------
?>
</div>
<!-- =================================== START OF SIDEBAR =================================== -->
<div id="info">
<center><img src="http://yulog.yuuutsu.net/img/profile.jpg" border="0" onClick="expandcontent('sc1')" style="cursor: url('http://yulog.yuuutsu.net/skull.cur')"></center>
<br>
<div id="sc1" class="switchcontent">
<script language="JavaScript">
<!--
/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
Over 400+ free JavaScripts here!
Keep this notice intact please
*/
function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="http://yulog.yuuutsu.net/img/01.jpg"
myimages[2]="http://yulog.yuuutsu.net/img/02.jpg"
myimages[3]="http://yulog.yuuutsu.net/img/03.jpg"
myimages[4]="http://yulog.yuuutsu.net/img/04.jpg"
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0 align=left width=80 height=79>')
}
random_imglink()
//-->
</script> <b>Yuu</b>, the lead guitarist for the Japanese Retro Rock band, <a href="http://www.merrymate.jp/" target=_blank>MERRY</a>.
19xx0402 - Ehime, Japan. Usually goes by the nickname <b>Ketsuo</b> and sometimes <b>Ketsumaru</b>. <br>
Only has an elder brother who's 5 years older than him. Likes cats, Keroro Gunsou, chicken ramen and playing video games. <br>
Plays the guitar [obviously xD], piano & ukelele. Musical-genius. Best friends with Kenichi of MERRY. <br>
Personalities include being really endearing, playful and silly[in a cute way]. Quite an amusing and interesting fellow~ 8D;
</div>
<br><br><br><br>
<center><img src="http://yulog.yuuutsu.net/img/disclaimer.jpg" onClick="expandcontent('sc2')" style="cursor: url('http://yulog.yuuutsu.net/skull.cur')" border="0"></center><br>
<div class="bSideItem">
<div id="sc2" class="switchcontent">
I, <a href="mailto: yuu.got.mail {a} gmail {.} com">Uriko</a>, am not affiliated with <b>Yuu</b> of MERRY nor with the band, MERRY, itself. I am just translating Yuu's diary entries for fun/interest [:3] and I <b>do not</b> make any profit out of this. Also, I am <i>NOT</i> a native Japanese speaker therefore please bear in mind that my translations would not be 100% accurate! Since my knowledge in the Japanese language is not the greatest <s>at the moment</s>, I still try my very best in translating Yuu's diary entries. m(_ _)m So, if any of you happen not to like the translations at all, please kindly and immediately leave this site. Thanks in advance.
</div>
<br><br><br><br>
<center><img src="http://yulog.yuuutsu.net/img/theentries.jpg" onClick="expandcontent('sc3')" style="cursor: url('http://yulog.yuuutsu.net/skull.cur')" border="0"></center>
<br>
<div id="sc3" class="switchcontent">
This website is a translated blog of <a href="http://ketulog.269g.net/" target=_blank>結ろぐ</a> [Yu rogu = Yu log]. Yuu's diary entries will mostly be translated by <a href="mailto: yuu.got.mail {a} gmail {.} com">Uriko</a>.
<br><br>
<font color=red><font size="3">**</font></font> Unfortunately, <i>ALL</i> translated entries are password-protected.<font color=red><font size="3">**</font></font> <br><br>
So, if any of you fags would like to read the translated entries, you <b>MUST</b> sign up [or log in if you have created an account] to read them.
I purposedly did this whole thing this way in order to prevent my poor and crappy translations from floating around randomly in the internet~ D8
<br><br><br>
<h3><?php echo T_('Misc') ?></h3>
<ul>
<?php
user_login_link( '<li>', '</li>' );
user_register_link( '<li>', '</li>' );
user_admin_link( '<li>', '</li>' );
user_profile_link( '<li>', '</li>' );
user_subs_link( '<li>', '</li>' );
user_logout_link( '<li>', '</li>' );
?>
</ul>
<br><br><br>
<?php
// -------------------------- CATEGORIES INCLUDED HERE -----------------------------
// Call the Categories plugin:
$Plugins->call_by_code( 'evo_Cats', array( // Add parameters below:
) );
// -------------------------------- END OF CATEGORIES ----------------------------------
?>
<br><br><br>
<?php
// -------------------------- ARCHIVES INCLUDED HERE -----------------------------
// Call the Archives plugin:
$Plugins->call_by_code( 'evo_Arch', array( // Add parameters below:
) );
// -------------------------------- END OF ARCHIVES ----------------------------------
?>
</div>
<br><br><br><br>
<center><img src="http://yulog.yuuutsu.net/img/misc.jpg" border="0" onClick="expandcontent('sc4')" style="cursor: url('http://yulog.yuuutsu.net/skull.cur')"></center>
<br>
<div id="sc4" class="switchcontent">
<center>
<a href="http://ketulog.296g.net/" target=_blank><img src="http://yulog.yuuutsu.net/img/misc/yurogu.jpg" border="0" alt="Yuu of MERRY's official weblog [JAPANESE]" title="Yuu of MERRY's official weblog [JAPANESE]"></a><br><br>
<a href="http://www.merrymate.jp/" target=_blank><img src="http://yulog.yuuutsu.net/img/misc/merryweb.jpg" border="0" alt="Merry Official Website [JAPANESE]" title="Merry Official Website [JAPANESE]"></a><br><br>
<a href="http://www.jvcmusic.co.jp/merry" target=_blank><img src="http://yulog.yuuutsu.net/img/misc/victormerry.jpg" border="0" alt="Victor Entertainment ; MERRY site [JAPANESE]" title="Victor Entertainment ; MERRY site [JAPANESE]"></a><br><br>
<a href="http://yuu.yuuutsu.net/" target=_blank><img src="http://yulog.yuuutsu.net/img/misc/yuufl.jpg" border="0" alt="Yuu approved fanlisting" title="Yuu approved fanlisting"></a><br><br>
<a href="http://hitsuji.yuuutsu.net/" target=_blank><img src="http://yulog.yuuutsu.net/img/misc/merryfl.jpg" border="0" alt="Merry approved fanlisting" title="Merry approved fanlisting"></a><br><br>
</center>
<p>
<p>
<b>Kudos</b> : <a href="http://adobe.com/" target=_blank>★</a> <a href="http://hybrid-genesis.net/" target=_blank>★</a> <a href="http://mousoucarnival.livejournal.com/" target=_blank>★</a> <a href="http://dafont.com/" target=_blank>★
</a> <a href="http://at0mica.net/" target=_blank>★</a>
</div>
</div></p>
</div>
</body>
</html>------
Whereas these are my custom.css codings:
/* Designed by François PLANQUE - http://fplanque.net/ */
@import url(../../rsc/css/basic.css); /* Import basic styles */
@import url(../../rsc/css/img.css); /* Import standard image styles */
@import url(../../rsc/css/blog_elements.css); /* Import standard blog elements styles */
@import url(../../rsc/css/forms.css); /* Import default form styles */
@import url(../../rsc/css/comments.css); /* Import default comment styles */
body body{
scrollbar-3dlight-color: #7cdcff;
scrollbar-arrow-color: #FB1335;
scrollbar-base-color: #7cdcff;
scrollbar-darkshadow-color: #1B2987;
scrollbar-face-color: #7cdcff;
scrollbar-highlight-color: #3DE6FF;
scrollbar-shadow-color: #7cdcff;
scrollbar-track-color: #451a23;
overflow-x:hidden;y: scroll;
background-color: #451A23;
font-family:tahoma;
font-size: 9px;
text-align: justify;
color: #FFFFFF;
}
a:link { color: #ffbfd0; font-weight: normal; text-decoration: none; border-bottom: 1px solid; border-bottom-color: #ff417e ; border-top: 0; border-top-color: ; border-left: 0; border-left-color: ; border-right: 0; border-right-color: ;
}
a:visited { color: #ffbfd0; font-weight: normal; text-decoration: none; border-bottom: 1px solid; border-bottom-color: #ff417e ; border-top: 0; border-top-color: ; border-left: 0; border-left-color: ; border-right: 0; border-right-color: ;
}
a:hover { text-decoration: none; color:#FFFFFF; text-transform: capitalize; background-color: #000000; cursor: URL('http://yulog.yuuutsu.net/skull.cur'); font-weight: bold}
b {color: #6affff; font-weight: bold}
u {color: #609b95; text-decoration: underline}
i {color: #b0bab2; text-transform: italicize}
h4{ font-weight: normal;
text-align: justify;
font-size: 10px;
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-family: tahoma;}
h2 {font-weight: bold;
text-align: right;
font-size: 25px;
margin: 0px;
text-variant:small-caps;
padding: 0px;
color: #b8e4ff;
font-family: arial;
border-bottom: 1px solid;
border-bottom-color: #21afe2}
h3 {font-weight: normal;
text-align: justify;
font-size: 11px;
margin: 0px;
padding: 0px;
color: #cceaff;
font-family: tahoma;}
}
table.invisible
{
margin: 1ex;
border-collapse: collapse
}
table.invisible td
{
padding: 0ex 1ex;
}
td.right
{
text-align: right;
}
div#pageFooter {
clear: both;
background-color: #fff;
width: 738px;
margin: 0 auto;
padding: 0 0 1ex 0;
}
p.baseline {
border-top: 0px;
text-align: center;
font-size: 74%;
color: ;
padding: 1ex;
margin: 0;
}
hr {
height: 0;
border: 0;
border-top: 0px;
}
div#wrapper {
background: #fff url(img/bg_content.gif) repeat-y 0 0;
width: 740px;
margin: 0 auto;
padding: 0;
}
div.pageHeader {
padding: 1ex;
margin: 0 1px 1ex 1px;
border-bottom: 1px solid #ddd;
text-align: center;
background: #451a23;
}
h1#pageTitle {font-weight: normal;
text-align: center;
font-size: 40px;
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-family: tahoma;}
ul#bloglist {
background-color: #fff;
border-bottom: 1px solid #000;
margin: 0 1px;
padding: 0;
list-style-type:none;
padding: .5ex 0;
}
ul#bloglist li {
border-right: 1px solid #000;
display: inline;
padding: .5ex 1em;
}
a.BlogButton,
a.BlogButtonCurr {
font-weight: bold;
text-decoration: none;
}
a.BlogButton {
color: #000;
}
a.BlogButton:hover {
text-decoration: underline;
color: #ffa999;
}
a.BlogButtonCurr,
a.BlogButtonCurr:visited {
color: #ffa999;
}
a.BlogButtonCurr:hover {
text-decoration: underline;
color: #ffa999;
}
.pageSubTitle {
color: #fff;
letter-spacing: 4px;
text-align: center;
vertical-align: middle;
border: 0px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 4px;
padding-left: 6px;
font: 109% Arial, Helvetica, sans-serif;
}
div.stats{
float: right;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
}
/* Styles for main area (left) */
h2 {
margin: 1ex;
border-bottom: 1px solid #451a23;
}
/* Styles for posts */
.bPosts {
float: left;
width: 345px;
overflow: hidden;
/* background: #451a23;*/
}
div.action_messages {
margin: 0 2ex;
}
.bPost, .bPostpublished
{
clear: both;
margin: 0 2.5ex;
padding: 0;
border-bottom: ;
/* border: 0px; */
}
.bSmallHead {
font-size: 80%;
color: #FFFFFF;
margin: 2ex 0 1ex 0;
}
.bTitle {
color: #7d4ecf;
margin: 1ex 0;
}
.bText {
margin-top: 0px;
margin-bottom: 0px;
}
.bSmallPrint
{
clear: both;
color: #FFFFFF;
font-size: 80%;
margin: 1ex 0 2ex 0;
}
input.bComment,
textarea.bComment
{
background-color: #104f89;
border: 1px solid #8ddfff;
width: 97%;
padding: 2px;
margin: 0ex;
}
select.bComment /* Used by the profile form */
{
background-color: #451a23;
border: 0px;
padding: 1px;
margin: 0ex;
}
/* Styles for stats */
div.statbloc
{
float: left;
width: 44%;
margin: 0 0 2ex 1.5ex;
border: 1px solid #451a23;
}
div.statbloc h3
{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
color: #FFFFFF;
text-align: center;
background: #451a23;
padding: 1ex;
}
input.submit,
input.preview,
input.reset {
background-color: #104f89;
color: #78a;
border: 1px solid #FFFFFF;
font-weight: bold;
padding: 1px;
}
input.submit:hover,
input.preview:hover {
color: #FFFFFF;
}
/* Styles for sidebar (right) */
.bSideBar {
width: 259px;
float: right;
overflow: hidden;
/* background: #900; */
}
.bSideItem {
margin: 2ex;
padding: 0 0 2ex 0;
border-bottom: 1px solid #ddd;
}
.bSideItem ul {
margin-left: 8px;
padding-left: 8px;
margin-top: 8px;
margin-bottom: 8px;
list-style-type:square;
}
.bSideItem ul ul{
margin-left: 8px;
padding-left: 8px;
margin-top: 0px;
margin-bottom: 0px;
}
.bSideItem form {
margin-top: 0px;
margin-bottom: 0px;
}
.dimmed
{
color: #aaa;
font-size: 84%;
}
input.SearchField
{
background-color: #451a23;
border: 1px solid #FFFFFF;
padding: .5ex;
width: 96%;
margin: 0ex;
}
/* Calendar: */
caption.bCalendarCaption {
border: 1px solid #ccc;
background-color: #eee;
border-bottom: 0;
}
table.bCalendarTable {
border: solid 1px #FFFFFF;
border-collapse: separate;
}
table.bCalendarTable tfoot td {
background-color: #451a23;
border-top: 1px solid #FFFFFF;
}
table.bCalendarTable tfoot a {
text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
background-color: #5ae0ff;
color: #FFFFFF;
}
th.bCalendarHeaderCell {
color: #1f448c;
}
#bCalendarToday {
background-color: #2aa2c0;
}
---------
Can anyone please let me know what's wrong with my codings and help me out by telling me what to fix...? I'll appreciate your help a lot!! ;~; THANKS IN ADVANCE!!!!!!!!!~
P.S.
I'm terribly sorry if this entry happened to be a total pain in the neck m(_ _)m [the codings especially. I hope the codings are not too confusing... because I think they are quite confusing!]~