Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje26-07-2010, 16:07 (UTC)    
Título del mensaje: plantilla css

Hola !!
el caso es que tengo una "TB Beta 3.0 2010!!!"
la cogi del compañero
http://www.todoparatuweb.es.tl/CSS_Design.htm

el caso es que me gustaria tener un espacio en css y aprender sobre esta plantilla,

los box no se pueden poner a la derecha?
un fondo guapo se podria poner?
donde tendria que meter la imagen de fondo?

y me podeis dar direcciones de codigos para adornarla,me refiero a relojes calendarios y en fin ponerla guapa de verdad,una ayudita en este comienzo seria de gran utilidad

gracias y saludos
Mensaje26-07-2010, 16:27 (UTC)    
Título del mensaje:

Hola bro mira las plantillas css ya echas no se pueden mofificar en cuestion de cambiar de lugares como el box que tu dices

si quieres poner fondo a la web pon este codigo en donde dice url de imagen ahi pones el fondo o la imagen que tu quieras

Código:
<style>body {background-image: url(URL DE LA IMAGEN);background-position:center; background-attachment: fixed;background-repeat: no-repeat;}</style>


en la pagina que pusiste ahi recursos para tu web y pues los codigo

http://pipesx.es.tl/Inicio.htm


ahi varias paginas esta es una de ellas estan como trucos html o codigos html
______________
Mensaje27-07-2010, 12:26 (UTC)    
Título del mensaje:

Hola!!
gracias jumanimes,por contestar,pero el caso es que ahora como pongo el fondo de pagina,no se si me entendeis,esta el fondo de espacio web pero el fondo de pagina la quiero en blnaco,y no me sale porque?
gracias
Mensaje27-07-2010, 12:36 (UTC)    
Título del mensaje:

Hola!

Si puedes modificar las plantillas Css cambiando los valores de las etiquetas en el diseño, para esto deberas saber un poco de Css.

En la sección CSS encontraras muchos diseños disponibles para tu sitio,

http://www.paginawebgratis.es/forum/viewforum.php?f=19

Tambien puedes aprender a crear tu propia plantilla Css siguiendo cualquiera de estos tutoriales,

http://www.paginawebgratis.es/forum/viewtopic.php?t=11618
http://www.paginawebgratis.es/forum/viewtopic.php?t=29106
http://www.paginawebgratis.es/forum/viewtopic.php?t=13042
http://www.paginawebgratis.es/forum/viewtopic.php?t=16549
http://www.paginawebgratis.es/forum/viewtopic.php?t=19702

Saludos!
Team-AyudaMaster.
Mensaje27-07-2010, 14:06 (UTC)    
Título del mensaje:

no si la plantilla esta "TB Beta 3.0 2010!!!" lo que quiero es meter un fondo en blaco ala pagina la pater del fondo de espacio ya la tengo.

y otra cosa el codigo para hacer el registro de usuario y tambien en el de login.sabeis que codigo hay que poner para registra al usuario que quiera registrarse y que por encima de pagina o como es?

y otra cosa un menu guapo desplegable me iria de perlas?

perdonad que pida tanto,pero es que ando pez en esta nueva plantilla .
gracias
Mensaje27-07-2010, 14:09 (UTC)    
Título del mensaje:

Te recomiendo que leas este aporte, te enseñará a crear o editar cualquier plantilla:
http://www.paginawebgratis.es/forum/viewtopic.php?t=44287
Mensaje27-07-2010, 14:24 (UTC)    
Título del mensaje:

Hola!

Busca este codigo en tu plantilla y borralo,

Código:
<style type='text/css'>body{ background: url(http://i229.photobucket.com/albums/ee233/cmp-stuff/completos/fondos/OSXWallpaper.jpg) white repeat fixed; } table, .heading_profile, .heading_profile_left, table td, #p_container, #p_nav_primary, #top_header, #p_nav_header {   background-color:transparent !important;border-width:0px } </STYLE>


Ahora dirigete a CSS-Code sin Style tags y fijate que esta esta linea,

Código:
body { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }


Solo cambia los numeros 333333 por FFFFFF, quedaria asi,

Código:
body { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; }


Para que los visitantes se puedan registrar en su sitio siga este tutorial,

http://www.paginawebgratis.es/forum/viewtopic.php?t=2938

Si quieres colocar el Login en cualquier parte utiliza este codigo,

http://www.paginawebgratis.es/forum/viewtopic.php?t=34992

Y Finalmente, podra encontrar muchas opciones de menus en este apartado,

http://www.paginawebgratis.es/forum/viewtopic.php?t=48397

Espero que le haya sido de ayuda

Saludos!
El Equipo de Team-AyudaMaster.
Mensaje27-07-2010, 16:34 (UTC)    
Título del mensaje:

muchas gracias compañero team-ayudamaster
vamos prosperando aunke me cuesta la misma vida aserme con este lenguaje de la plantilla css

gracias y saludos


Ultima edición por pc-infor el Mie Jul 28, 2010 6:23 am; editado 1 vez
Mensaje28-07-2010, 10:35 (UTC)    
Título del mensaje:

Hola de nuevo!!

por favor ayuda!!!!!

Por Favor..
me podeis editar mi plantilla para saber en donde cambio cada cosa por ejemplo ;

el menu el color del boton donde se cambia y al pasar el raton lo quiero de otro color ,donde se edita en mi plantilla,?

el menu de cabezal y el de titulos,porfa aditarme la plantilla para saver en donde edito cada color y cada cosa...podeis aserlo?

1º pregunta ;el caso es que me gustaria tener un fondo en blanco para pagina,pero no me sale.donde se edita?

2º pregunta me gustaria tener un codigo o en donde puedo poner el url de una imagen para fondo de web o fondo de espacio.?


3º pregunta; me gustaria saber para que sirven los codigos y en que puedo modificar la apariencia asin como el color de cada cosa,
no se si me explico,por ejemplo el color de los menus de los box etc

4º pregunta puedo añadir a la derecha mas box para elink?

ahora los tengo a la izquierda pero me gustaria tener a la derecha si es posible para meter elinks,puedo?

gracias...ya se que soy un pregunton,pero estoy pez en esta plantilla de css

esta es mi plantilla css;

Código:
texto por encima de la pagina;


<style type="text/css">
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>

<style>
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>

<style type="text/css">
<!--
table{margin-left:auto;margin-right:auto}   
--></style>

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Layout 1</title>
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all" />
</head>
<body>
<div id="wrapper">
  <div id="header">
    <p class="logotext">Pc-Infor</strong><br>
      <span class="logotext2">Informaticas del Pc</span></p>
    <div id="headinfo"> <a href="http://pc-infor.es.tl/Localizasion.htm">Brenes</a> | <a href="LINK">todo sobre el pc</a> </div>
  </div>
  <div id="nav">
    <ul>
      <li><a href="LINK">Inicio</a></li>
      <li><a href="LINK">Ubicasion</a></li>
      <li><a href="LINK">Descargas</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">Escribenos</a></li>
      <li><a href="LINK">NOMBRE</a></li>
    </ul>
  </div>
  <div id="content">
    <div id="left">
      <h2>TITULO</h2>
      <ul>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        </li>
      </ul>
      <h3>TITULO</h3>
      <ul>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        </li>
      </ul>
      <h4>TITULO</h4>
      <ul>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
      </ul>
    </div>
    <div id="breadcrumb"></div>
    <div id="right">

*******************************************************************************

 texto por debajo de la pagina;


    </div>
  </div>
  <br class="clear" />
  <div id="footer">
    <p> All content copyright © 2006 Your Website, all rights reserved. Layout created at CSSWebLayouts, <strong>TU WEB</strong>. Design adaptado a pwg por <a href="http://Todo-bryan.com.ar" target="_blank">Todo-Bryan</a> <br /></p>
  </div>
</div>
</body>
</html>

********************************************************************************

CSS-Code  sin Style Tags:


img {

border: none;

}
a img {

border: none;

}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


body { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }

a { color:#2D2D2D; text-decoration:none; }
h1 { font-size:16px; }
h2 { font-size:14px; }

#wrapper { width:760px; margin:0 auto; padding:0; }

#header { width:100%; height:150px; background-image:url(http://img22.xooimage.com/files/9/7/5/header-cd4881.gif); }
#header .logo { float:left; }
#headinfo { float:right; width:200px; margin:10px 5px 0 0; height:20px; padding:05px 0 10px 0; background:url(http://img24.xooimage.com/files/4/1/f/headinfobg-cd4936.gif) no-repeat; text-align:center; }
#headinfo a { color:#EFEFEF; }
#headinfo a:hover { color:#D2D2D2; border-bottom:1px solid #D2D2D2; }

.logotext { float:left; width:200px; margin:55px 0 50px 30px; font-family:Trebuchet MS; font-size:22px; color:#FFFFFF; }
.logotext strong { color:#EFEFEF; }
.logotext2 { font-size:14px; }

#nav { width:100%; overflow:auto; padding:1px; margin:0; background-color:#D2D2D2; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; }
#nav ul li a { display:block; width:100px; height:15px; padding:8px 0; margin:0 1px 0 0; background-color:#EFEFEF; text-align:center; }
#nav ul li a:hover { background-color: #FFFFFF; color:#999999; }

#content { width:100%; }

#left { float:left; width:20%; }
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li a { display:block; width:120px; margin:0; padding:5px; background-color:#E6E6E6; }
#left ul li a:hover { background-color:#FFCD59; }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a { padding:5px; background-color:#EFEFEF; }

#breadcrumb { float:left; width:80%; background-color:#EFEFEF; }

#right { float:left; width:80%; }
#right .postinfo { display:block; width:90%; margin:5px; padding:6px; background-color:#EFEFEF; border:1px solid #D4D4D4; }
#right p a { color:#FFCD59; font-weight:bold; text-decoration:underline; }

.clear { clear:both; }


Ultima edición por pc-infor el Mie Jul 28, 2010 11:15 am; editado 2 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group