alguien me puede ayudar con un CSS?
hola...
espero que esta sea la sección adecuada para mi pregunta...
hace un tiempo pude instalar un un foro phpBB depués de miles de confusiones y pruebas, lo que más quería era al menos modificar un Skin preexistente, así que me puse a ver de que se trataban los archivos que componen al foro y a reemplazar gráficos y códigos, y bueno... me he metido en el CSS, ya que ahí es en donde están los colores y las propiedades de las fuentes, etc, etc..., no tenía idea de esto (que fascinante son todos estos lenguajes por dios...), y me puse a cambiar todo...
el CSS de los foros de DMSTK y su diseño en general es el que más me ha gustado siempre, de todos los que he visto es el que más me gusta, lo que quisiera saber es ¿cual sería la línea de código y en que parte de CSS iría; si yo quiero hacer que "todo lo que sea link" (de texto) tenga una determinada fuente fija y un color que seleccione toda la palabra al pasar el ratón por encima... ¿les suena conocido? si, como en DMSTK, no me refiero al la misma fuente y el mismo color, pero si esa propiedad para los links de texto...
espero que alguien me pueda ayudar, soy bastante pelotudo para esto, les dejo el código CSS del foro que estoy armando, advierto que está alojado en un servicio gratuito, por lo tanto la base de datos no funciona muy bien, puede ser que cuando quieran entrar se encuentren con el error de la base de datos, pero si intentan un par de minutos después van a poder entrar. pronto vamos a pagar un hosting... la dirección del foro por ahora es esta: http://sonolab.vze.com
y el código del CSS es este:
<code>@charset "iso-8859-1";
/*
The original MSSimplicity Theme for phpBB version 2+
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #666666;
SCROLLBAR-BASE-COLOR: #666666;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
}
/* General font families for common tags */
font,th,td,p { font-family: Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #666666; }
a:hover { text-decoration: underline; color : #CC0000; }
hr { height: 0px; border: solid #666666 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #E5E5E5; border: 1px #E5E5E5 solid;
background-image: url(images/background.jpg);}
/* This is the outline round the main forum tables */
.forumline { background-color: #E5E5E5; border: 0px #666666 solid; background-color: #E5E5E5}
/* Main table cell colours and backgrounds */
td.row1 { background-color: #E5E5E5; }
td.row2 { background-color: #E5E5E5; }
td.row3 { background-color: #E5E5E5; }
/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #E5E5E5;
background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
color: #333333; font-size: 11px; font-weight : bold;
background-color: #E5E5E5; height: 25px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color:#E5E5E5; border: #E5E5E5; border-style: solid; height: 28px;
}
/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #C4C4C4; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #E5E5E5; border: #E5E5E5; border-style: solid; }
th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; }
th.thTop { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 15px; font-family: "Arial",Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #666666;
}
/* General text */
.gen { font-size : 11px; }
.genmed { font-size : 10px; }
.gensmall { font-size : 9px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #CC0000; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 10px; color : #999999 }
a.mainmenu { text-decoration: none; color : #666666; }
a.mainmenu:hover{ text-decoration: underline; color : #333333; }
/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #999999}
a.cattitle { text-decoration: none; color : #666666; }
a.cattitle:hover{ text-decoration: underline; color : #333333; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #333333; }
a.forumlink { text-decoration: none; color : #333333; }
a.forumlink:hover{ text-decoration: underline; color : #999999; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #333333;}
a.nav { text-decoration: none; color : #333333; }
a.nav:hover { text-decoration: underline; color : #999999; }
/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #333333; }
a.topictitle:link { text-decoration: none; color : #333333; }
a.topictitle:visited { text-decoration: none; color : #333333; }
a.topictitle:hover { text-decoration: underline; color : #999999; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #000000;}
/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }
/* The content of the posts (body of text) */
.postbody { font-size : 11px;}
a.postlink:link { text-decoration: none; color : #CC0000 }
a.postlink:visited { text-decoration: none; color : #CCCCCC; }
a.postlink:hover { text-decoration: underline; color : #000000}
/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #666666; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #666666; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #333333; text-decoration: underline;}
/* Matt Sims Copyright */
.mattsims { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333333; letter-spacing: -1px;}
a.mattsims { color: #666666; text-decoration: none;}
a.mattsims:hover { color: #999999; text-decoration: underline;}
/* Form elements */
input,textarea, select {
color : #666666;
font: normal 11px Arial, Helvetica, sans-serif;
border-color : #000000;
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
background-color : #FAFAFA;
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: #666666; border-style: none; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");</code>
muchas gracias!
saludos!
txuma
Supongamos que quieres todos los links en arial color negro y sin subrayar, y quieres que cuando te pongas encima el texto sea blanco y el fondo negro. En la hoja de estilos tienes que poner/modificar esto:
<code>
a {
font-family: Arial, sans-serif;
color: #000;
text-decoration: none;
}
a:hover {
background-color: #000;
color: #FFF;
}
</code>
Salu2
imdex
muchas gracias txuma, voy a probarlo, muy amable!