Muy buenas de nuevo a todo el mundo bueno despues de practicar con este CMS SPHPBlog me dispuesto a personalizarlo, pero con la primera modificación que me dispongo a realizarle ya me atascado. :(
Lo que intento hacer es darle un efecto Roll-Over a los botones del menu lateral. hasta ahi loe conseguido el problema biene que entre boton y boton ahi un espacio muy grande no consigo que los botones queden uno sobre el otro pegados
Esto es lo que kiero
_______________
|______________|
|______________|
|______________|
|______________|
Y esto es lo que me sale
_______________
|______________|
_______________
|______________|
_______________
|______________|
_______________
|______________|
Esto es lo que eh modificado añadido, al style del theme Default.
Código PHP:
#toggleSidebarMenu
{
font-weight: bold;
border: 1px solid #999999;
margin:3 0 3 0px;
padding: 2px;
}
#toggleSidebarMenu a
{
background-image: url("images/menu1.jpg");
color: #666666;
text-decoration: none;
display: block;
width: 100%;
}
#toggleSidebarMenu a:hover
{
background-image: url("images/menu2.jpg");
color: #ffffcc;
Y esto el el style al completo modificado
Código PHP:
/*
--------------------
Simple PHP Blog CSS Styles
--------------------
Name: Classic Theme
Author: Alexander Palmo
Description:
This the is the css theme for the Classic theme.
You can use this as a template for your own themes.
Also refer to user_style.php...
*/
/* General */
body
{
color: #666633; /* txt_color */
font-size: 11px;
margin: 0px;
padding: 0px;
text-align: left;
background-color: #CCCC99; /* bg_color */
/* Standard. Readable */
font-family: Arial, Helvetica, Sans-Serif;
/* font-family: 'Lucida Grande', Geneva, sans-serif; */
/* font-family: Tahoma, Geneva, sans-serif; */
/* font-family: Geneva, Verdana, sans-serif; */
/* Nice. Classic Looking */
/* font-family: 'Times New Roman', Times, serif; */
/* font-family: Georgia, serif; */
/* font-family: Book Antiqua, Palatino, serif; */
/* Modern. Kind of Funky */
/* font-family: 'Gill Sans', 'Trebuchet MS', Helvetica, sans-serif; */
/* Monospace */
/* font-family: Lucida Console, Monaco, monospace; */
}
/* Typeography */
p
{
margin: 8px 0px 8px 0px;
}
h1, h2, h3, h4, h5, h6
{
font-family: 'Trebuchet MS', 'Gill Sans', Helvetica, sans-serif;
font-weight: bold;
color: #666633; /* headline_txt_color */
text-shadow: #bbb 2px 2px 1px;
margin: 2px 0px 2px 0px;
}
h1
{
font-size: 20px;
}
h2
{
font-size: 18px;
}
h3
{
font-size: 16px;
}
h4
{
font-size: 14px;
}
h5
{
font-size: 12px;
}
h6
{
font-size: 10px;
}
/* NEW */
code, pre {
font-family: 'Courier New', Courier, Fixed;
}
/* NEW */
pre {
overflow: auto;
width: 512px;
border: 1px dotted #D9D9D9; /* inner_border_color */
padding: 5px
}
/* NEW */
blockquote {
color: #777;
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd
}
/* Links */
a:link, a:visited
{
font-weight: bold;
text-decoration: none;
color: #993333; /* link_reg_color */
}
a:hover
{
text-decoration: underline;
color: #FF3333; /* link_hi_color */
}
a:active
{
color: #3333FF; /* link_down_color */
}
/* Images */
img
{
border: 0;
}
#img_float_left
{
/* Used in the [img] tag when float=left */
float: left;
margin: 2px 8px 4px 2px;
}
#img_float_right
{
/* Used in the [img] tag when float=right */
float: right;
margin: 2px 2px 4px 8px;
}
/* Elements */
hr
{
color: #D9D9D9; /* inner_border_color */
background-color: #D9D9D9; /* inner_border_color */
height: 1px;
border: 0px;
margin: 8px 0px 8px 0px;
}
/* Forms */
/* NEW */
form {
font-size: 11px;
margin: 0px;
padding: 0px
}
input, select, option, textarea
{
font-size: 11px;
text-align: left;
}
/* Theme Specific */
#header_image
{
border-color: #4D4D45; /* border_color */
border-width: 0px 0px 1px 0px;
border-style: solid;
}
#header
{
font-family: 'Trebuchet MS', 'Gill Sans', Helvetica, sans-serif;
color: #FFFFFF; /* header_txt_color */
margin: 0px;
padding: 4px 12px 4px 12px;
border-color: #4D4D45; /* border_color */
border-width: 0px 0px 1px 0px;
border-style: solid;
background-color: #999966; /* header_bg_color */
font-size: 14px;
font-weight: bold;
}
#maincontent
{
margin: 0;
padding: 20px;
}
#maincontent .blog_subject
{
font-family: 'Trebuchet MS', 'Gill Sans', Helvetica, sans-serif;
color: #666633; /* headline_txt_color */
font-size: 14px;
font-weight: bold;
margin: 0px;
}
#maincontent .blog_byline
{
color: #999999; /* date_txt_color */
font-size: 9px;
margin-bottom: 10px;
}
div #toggleSidebarAvatar, #toggleSidebarArchives, #toggleSidebarCalendar, #toggleSidebarCategories, #toggleSidebarSearch, #toggleSidebarLinks, #toggleSidebarPreferences, #toggleSidebarRecentComments, #toggleSidebarRecentEntries, #toggleSidebarRecentTrackbacks
{
display: block;
}
#toggleSidebarMenu
{
font-weight: bold;
border: 1px solid #999999;
margin:3 0 3 0px;
padding: 2px;
}
#toggleSidebarMenu a
{
background-image: url("images/menu1.jpg");
color: #666666;
text-decoration: none;
display: block;
width: 100%;
}
#toggleSidebarMenu a:hover
{
background-image: url("images/menu2.jpg");
color: #ffffcc;
}
#sidebar
{
padding: 10px;
}
#sidebar .menu_title
{
font-family: 'Trebuchet MS', 'Gill Sans', Helvetica, sans-serif;
font-weight: bold;
}
#sidebar .menu_title a
{
text-decoration: none;
color: inherit;
}
#sidebar .menu_title:hover
{
}
#sidebar .menu_body
{
padding: 10px;
border-color: #999;
border-width: 1px;
border-style: dashed;
}
#sidebar .divider {
margin: 8px 0px 8px 0px;
}
#sidebar .calendar
{
font-size: 10px;
}
#sidebar .calendar a
{
font-weight: bold;
text-decoration: none;
}
#sidebar .calendar td
{
padding: 2px;
}
/* NEW */
#archive_tree_menu ul
{
list-style: none inside;
padding: 0px 0px 0px 10px;
margin: 0px;
}
/* NEW */
#archive_tree_menu li
{
margin: 0px;
padding: 0px;
/* border: 1px #F0F dashed; */
}
#footer
{
border: 0;
border-top: 1px solid #4D4D45; /* border_color */
color: #666666; /* footer_txt_color */
background: #EEEEEE; /* footer_bg_color */
padding: 10px;
text-align: left;
clear: both;
}
.divider { margin: 20px 0px 15px 0px; }
Aber si alguien puede hecharme una mano se lo agradecere mucho xP
Salu2