|
|
General: Tutos para arreglar la comunidad
Elegir otro panel de mensajes |
|
|
| De: JEGOLI (Mensaje original) |
Enviado: 22/06/2016 21:53 |
|
|
EL MAS SENCILLO
En este css como puedes ver,no esta maquillada la zona de novedadess,tampoco la zona donde esta la Galeria
de Imagenes,solo se maquilla el fondo del grupo,en este caso puse una textura de color malva clarito.
El color de texto es todo en su totalidad de color negro.
Esto es solo un ejemplo,despues cada uno lo cambia a su gusto.
El cambio para que poner textura en el grupo ,esta situalo en la zona que esta marcada por flechas estas url son las que tienes que modificar,subiendo la textura que quieres poner a una pagina ,copias la url de tu imagen y es la que tendras
que modificar en el css que quieres crear.
Fijate bien No te saltes las comillas,ni los cierres,ni puntos .
Los colores de texto ,color de barras,son estos: #000000
Para guardar el css modificado por ti, puedes hacerlo en un bloc de notas, si no tienes programa para guardarlo
lo unico que tienes que tener en cuenta a la hora de guardarlo poner ejemplo: gg.css
siempre terminado en .css
|
|
|
|
|
|
1º abres el block d notas de tu pc ..alli pegas esto ....
H1 {
MARGIN: 0px; BACKGROUND: #000000; COLOR: #274216; TEXT-DECORATION: none
}
A IMG {
BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.ThmBgHighlightDark {
BACKGROUND-IMAGE: url(aki la url del color); novedades:
}
A {
COLOR: #274216
}
A:hover {
COLOR: #000000
}
A.Command {
COLOR: #274216
}
A.Command:hover {
COLOR: #000000
}
A.MsgLink {
COLOR: #274216
}
A.MsgLink:hover {
COLOR: #000000
}
A.NavLink {
COLOR: #274216
}
A.NavLink:hover {
COLOR: #000000
}
.ThmBgAlternate {
BACKGROUND-IMAGE: url(y akiiii ); BACKGROUND-REPEAT: repeat
}
.ThmBgHighlightLight {
BACKGROUND-IMAGE: url()
}
.ThmBgHighlightLight {
BACKGROUND-IMAGE: url(y akiiiii ); BACKGROUND-REPEAT: repeat
}
.ThmBgUnknown1 {
BACKGROUND-COLOR: #415824
}
.ThmBgStandard {background-image:url()}
.ThmBgFraming {
BACKGROUND-IMAGE: url()
}
.ThmFgFrameTitle {
COLOR: #274216
}
.ThmBgHeader {
BACKGROUND-IMAGE: url(akiiiiii); BACKGROUND-REPEAT: repeat
}
.ThmFgTitleLightBk {
COLOR: #274216
}
.ThmFgColumnHeader {
COLOR: #274216
}
.ThmFgInactiveText {
COLOR: #274216
}
.ThmFgCommand {
COLOR: #274216
}
A.MsgLink {
COLOR: #274216
}
A.MsgLink:hover {
COLOR: #000000
}
}
BODY {
SCROLLBAR-ARROW-COLOR: #737063; SCROLLBAR-BASE-COLOR: #eeede8; SCROLLBAR-TRACK-COLOR: #eeede8; scrollbar-dark-shadow-color: #737063
}
BODY {
CURSOR: url()
lo naranja es donde va la url del color q deseas poner ...
y q previamente has subido a tu servidor de imagenes ..con un nombre pkño sino no sale ..
luego de q armes esto ...guardas el blok d notas con un nombre y seguido de css, osea por ejemplo ....ta.css lo subes a una pagina web y lo
pones en tu grupo en una nueva pagina , la modificas y pones este codigo ....
http://meryam-4.webs.com/CL.css" rel="stylesheet">
lo rojo es tu css q has hecho antes en el blok d notas , es lo q se modofica para cambiar el color ...
esto es la traduccion del css....q viene en ingles , para saber donde poner los colores ...
A.Command {color: #000000} /* Color de los links en Novedades */
A.Command:hover {color: #000000} /* Color de los links en Novedades al pasar el mouse sobre ellos */
A.MsgLink {color: #000000} /* Color de los links en el panel de mensajes */
A.MsgLink:hover {color: #000000} /* Color de los links en el panel de mensajes al pasar sobre ellos el mouse */
A.NavLink {color: #000000} /* Color de los links del menu */
A.NavLink:hover {color: #000000} /* Color de los links del menu al pasar el mouse sobre ellos */
.ThmBgAlternate {background-image:url(http://i45.); background-repeat: repeat} /* Este será el fondo del menú */
/* Solo modifica la URL por la de la imagen que quieres de fondo en el menu */
.ThmFgStandard {color: #2C46CA} /* Color de los mensajes de los partis en Novedades */
.ThmBgStandard {background-image:url(http://)}/* Mensajes de los partis en Novedades
ThmBgHighlightLight {background-image:url(http://i45.); background-repeat:repeat} /* Fondo de las paginas */
); background-repeat:repeat} /* Fondo de las paginas */
.ThmBgUnknown1 {background-image:url(http://i45.); background-repeat: repeat} /* Color de la barra superior de Novedades */
ThmFgFrameTitle {color: #000000} /* Titulo de la barra anterior */
.ThmBgHeader {background-image:url(http://); background-repeat: repeat} /* Cajas de mensajes */
.ThmBgHighlightLight {background-image:url(http://); background-repeat: repeat} /* Fondo de la página Novedades y de las hojas administrativas;
si deseas usar una imagen, tan sólo utiliza la misma instrucción que para el fondo del menú */
.ThmBgUnknown1 {background-color: #000000} /* Color de la barra superior de Novedades */
.ThmBgFraming {background-color: #000000} /* Color de la barra sobre los mensajes en Novedades */
.ThmFgFrameTitle {color: #000000} /* Color del titulo de la barra anterior */
.ThmBgHeader {background-color: #000000} /* Cajas de mensajes */
.ThmFgTitleLightBk {color: #000000} /* Titulos en general */
.ThmFgCommand {color: #000000} /* Informacion de mensajes y archivos */
.ThmFgColumnHeader {color: #000000} /* Tema en el panel de mensajes */
.ThmFgInactiveText {color: #000000} /* Links en el panel de mensajes al pasar el maus*/
fijate en los colores tamb..aki ando yo peleando q nose cuales son cual ..osea los colores d las letras de los distintos links del grupo...
luego le das a guardar como ..y guardas con un nombre corto seguido de .css , osea ....un ejemplo ....Ta.css
luego lo subes a un servidor d paginas webb yo uso este ...
una vez subido ahi el css lo usas en el grupo y listo
|
|
|
|
|
|
 Primer Anterior 2 a 4 de 4 Siguiente  Último |
|
|
|
|
|
|
Primer
Anterior
2 a 2 de 2
Siguiente
Último
|
|
|
|
De: JEGOLI |
Enviado: 22/06/2016 21:55 |
|
1) Dirígete a www.webs.com, y créate una cuenta. (Consejo: intenta que tu url sea lo más
corta posible, por el tema del tope de carácteres en el menú)
2) Una vez la tengas hecha, ve al panel de control, y haz click en la opción "File Manager",
la cual te encontrarás justo debajo del logo de la web, entre las opciones Site Manager y
Site Stats.
3) Clicka en la opción "Single File Uploader" para subir tu código Css, asegúrate que sea en
el directorio raíz, por lo de los carácteres en el menú. Una vez hecho, sitúate encima del ar-
chivo, y dale a click derecho>copiar la ruta del enlace (asegúrate de que la has copiado
correctamente pegando el enlace en el navegador, y observando que te abre el código Css).
4) Cuando hayas comprobado que se ha subido bien, dirígete a tu web, crea una página
nueva, con cualquier título, y sitúala encima de tu primera página. Una vez creada, dale a la
opción modificar, y coloca el siguiente código en lugar de tu título:
{link target="_blank" target="_blank" target="_blank" target="_blank" target="_blank" target="_blank" href="urldetuarchivo" type="text/css" rel="stylesheet"}
Y listo, si lo has hecho todo correctamente, tu página se verá como tú quieres.
|
|
|
|
|
|
Este es el css que tu tendrias que modificar,es decir esto...... #000000
/* IDEA ORIGINAL por http://www.gabitogrupos.com/weloveicons/ */
/* TUTORIAL por http://www.gabitogrupos.com/roulette/ */
/* Solo modifica las cosas que se te piden, los colores deben ir en codigo */
A {color: #000000} /* Color de TODOS los links en el grupo */
A:hover {color: #000000} /* Color de TODOS los links en el grupo al pasar el mouse sobre ellos */
A.Command {color: #000000} /* Color de los links en Novedades */
A.Command:hover {color: #000000} /* Color de los links en Novedades al pasar el mouse sobre ellos */
A.MsgLink {color: #000000} /* Color de los links en el panel de mensajes */
A.MsgLink:hover {color: #000000} /* Color de los links en el panel de mensajes al pasar sobre ellos el mouse */
A.NavLink {color: #000000} /* Color de los links del menu */
A.NavLink:hover {color: #000000} /* Color de los links del menu al pasar el mouse sobre ellos */
.ThmBgAlternate {background-image:url(http://URL DE TU ARCHIVO); background-repeat: repeat} /* Este será el fondo del menú */
/* Solo modifica la URL por la de la imagen que quieres de fondo en el menu */
.ThmFgStandard {color: #000000} /* Color de los mensajes de los partis en Novedades */
.ThmBgHighlightLight {background-color: #000000} /* Fondo de la página Novedades y de las hojas administrativas;
si deseas usar una imagen, tan sólo utiliza la misma instrucción que para el fondo del menú */
.ThmBgUnknown1 {background-color: #000000} /* Color de la barra superior de Novedades */
.ThmBgFraming {background-color: #000000} /* Color de la barra sobre los mensajes en Novedades */
.ThmFgFrameTitle {color: #000000} /* Color del titulo de la barra anterior */
.ThmBgHeader {background-color: #000000} /* Cajas de mensajes */
.ThmFgTitleLightBk {color: #000000} /* Titulos en general */
.ThmFgCommand {color: #000000} /* Informacion de mensajes y archivos */
.ThmFgColumnHeader {color: #000000} /* Tema en el panel de mensajes */
.ThmFgInactiveText {color: #000000} /* Links en el panel de mensajes */
a img {border:none} /* No puevas esta instrucción, es para que los bordes azules de la imagenes linkeadas
se vuelvan invisibles */
|
|
|
|
|
|
ThmBgAlternate {
BACKGROUND-IMAGE: url(PANEL IZKIERDA Y MEZCLADO EN GENERAL); BACKGROUND-REPEAT: repeat
}
.ThmBgHighlightLight {
BACKGROUND-IMAGE: url(PANEL HERRAMIENTA FONDO); BACKGROUND-REPEAT: repeat
hmBgHighlightDark {
BACKGROUND-IMAGE: url(BARRA PEKEÑITA DE NOVEDADES); novedades:
|
|
|
|
|
|
Atributo font-style
Este atributo indica el estilo para la fuente. Es posible aplicar distintos valores:
Normal: no visualiza ningún estilo particular y toma el establecido por defecto del usuario y por el navegador.
Itálica: El típico texto en cursiva (inclinado).
Atributo "font-family"
Es uno de los principales atributos de texto para una página. Por ejemplo, queremos aplicar una fuente tipo Verdana a todo el documento. Pondríamos:
|
|
|
|
|
Con solo agregar esto te quedará en negrilla ; font-weight: bold
Este estilo se usa para darle anchura al texto o negrita, de hecho si tienes en primera fila el codigo que te envié ya todo esta en negrita.
entonces: un codigo normal sería asi:
A.Command {
color: #000000 }
A.Command {
color: #000000;font-style:italic;font-family:"times new roman";font-size: 16px; font-weight: bold;
}
ASI TE QUEDARIA como el anterior
asi está tu código-----> A:hover {color: #DDDDDB;font-family: georgia; font-size: 11px; letter-spacing: 1px; text-decoration:none;font-style:italic;font-weight: bold;} (ESTE CODIGO ES EL EJEMLO QUE ME ENVIASTE) |
|
|
|
|
|
|
|
|
otro tutorial
|
Los siguientes estilos se pueden aplicar a las fuentes. Podemos cambiar el tamaño del texto, el color del mismo, su anchura, su estilo e incluso su tipo de letra. Vamos a verlos más detenidamente:
Estilo color
Este estilo lo usamos para darle color al texto. Lo podemos indicar como nombre del color o con el modo RGB. Este último es el más recomendable, pues no todos los nombres de colores son admitidos en el estándar.
A continuación vamos a ver cómo escribiríamos el estilo para darle al texto un color rojo.
| Este texto se verá de color rojo. |
Y el resultado será el siguiente:
| Este texto se verá de color rojo. |
Estilo font-size
Nos sirve para indicarle el tamaño a la letra. Se lo podemos indicar utilizando las unidades de medida de CSS o mediante los siguientes valores: xx-large, x-large, large, medium, small, x-small, xx-small; siendo “xx-small” el más pequeño y “xx-large” el más grande.
A continuación vamos a ver cómo escribiríamos el estilo para darle al texto un tamaño de fuente de 25 pixeles. Como ves, nosotros hemos elegido darle a la fuente el tamaño mediante una unidad de medida de CSS, ya que es un valor más exacto.
| Este texto tiene un tamaño de 25 pixeles. |
Y el resultado sería el siguiente:
| Este texto tiene un tamaño de 25 pixeles. |
Estilo font-family
Utilizaremos este estilo para definir el tipo de fuente que queramos que tenga el texto. Si no le indicamos nada, el texto estará escrito en la tipografía que el usuario tenga en su sistema.
Escribiremos las fuentes separadas con comillas. El navegador buscará por orden cada una de las fuentes especificadas, y usará la primera fuente que encuentre instalada en el sistema del usuario.
Vamos a ver como escribiríamos el estilo font-family:
| Este texto estará escrito con un determinado tipo de letra. |
Como vemos hemos escrito tres tipos de fuentes. Tu navegador, siguiendo las preferencias marcadas, usará la primera que encuentre instalada en tu sistema. Y el resultado será el siguiente:
| Este texto estará escrito con un determinado tipo de letra. |
Estilo font-weight
Este estilo se usa para darle anchura al texto. Es decir, define la anchura que tendrá cada caracter. La anchura la podemos especificar de forma relativa al valor actual que tenga el texto (bold , bolder , lighter) o mediante un valor numérico (del 100 al 900).
A continuación vamos a ver cómo escribiríamos el estilo font-weight en un texto. Nosotros hemos querido usar el valor relativo “bold”.
| Estos caracteres tienen una anchura mayor. |
Y el resultado sería el siguiente:
| Estos caracteres tienen una anchura mayor. |
Estilo font-style
Con el siguiente atributo podemos cambiar el estilo al texto. Los estilos que podemos aplicar al texto son: normal, italic y oblique.
Nosotros al siguiente texto hemos querido darle una forma itálica, por lo que hemos utilizado el siguiente estilo.
| Este texto tiene un estilo itálico |
Y el resultado es el siguiente:
|
Este texto tiene un estilo itálico
|
|
|
|
|
|
|
|
|
|
| |
|
|
©2024 - Gabitos - Todos los derechos reservados | |
|
|
Tema anterior
