Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje23-10-2013, 10:14 (UTC)    
Título del mensaje: Ayuda con plantilla
Responder citando
Hola a todos:
Estoy interesado en modificar esta plantilla:
http://www.paginawebgratis.es/forum/viewtopic.php?t=70814
Para adaptarla a mis necesidades:
- Está basada en css.
- No puedo modificar el negro del logo (donde he puesto san enrique) ni modificar la imagen de la chica.
Para modifcarlo debo cambiar el archivo css, pero si lo descargo, lo modifico y me lo subo a mi dropbox, enlazándolo, me falla y se desconfigura todo.

Si alguien sabe decirme cómo puedo hacerlo sería de gran ayuda.

También me interesaría meter un scroll en la imagen de la chica, es decir, tres o cuatro imágenes que vayan cambiando.

Gracias de antemano.
↑
Mensaje24-11-2013, 04:13 (UTC)    
Título del mensaje:
Responder citando
no se si sea siego... pero no vi por ningun lado el CSS q le da stylo a la plantilla.. solo veo el HTML... asi no veo como editarle el header (imagen de la chica).

pero creo q estas 2 cositas en la etiqueta <HEAD> tienen algo q ver en lo q pides..

<link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css" />
<link href="http://design.free.cr/Temas/Modelling/style.css" rel="stylesheet" type="text/css" media="screen" />


Ultima edición por WebGrafica el Dom Nov 24, 2013 12:15 am; editado 1 vez
↑
Mensaje24-11-2013, 04:24 (UTC)    
Título del mensaje:
Responder citando
amigo creo q te solucionee..

por encima de la pagina va esto...
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Modelling
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20120617

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Modelling by FCT</title>
<link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css" /> 
</head>
<body>
<div id="wrapper">
   <div id="wrapper2">
      <div id="header" class="container">
         <div id="logo">
            <h1><a href="#">Modelling </a></h1>
            <p>template design by <a href="http://www.freecsstemplates.org">FCT</a></p>
         </div>
         <div id="menu">
            <ul>
               <li class="current_page_item"><a href="#">Homepage</a></li>
               <li><a href="#">Blog</a></li>
               <li><a href="#">Photos</a></li>
               <li><a href="#">About</a></li>
               <li><a href="#">Contact</a></li>
            </ul>
         </div>
      </div>
      <!-- end #header -->
      <div id="banner-wrapper"></div>
      <div id="page">
         <div id="content">
            <div class="post">
               
               <p class="meta"><span class="date"></span><span class="posted"> </span></p>
               <div style="clear: both;"> </div>
               <div class="entry">
                  <p>


y en CSS Code añadele estoo... (OJO AL FINAL DEL CODIGO) busca donde dice AKI LA URL DE LA IMAGEN, lo cambias y lo pruebas a ver..
Código:
body {
   margin: 0px;
   padding: 0px;
   background: #FFFFFF url(images/img02.jpg) repeat-x left top;
   font-family: 'Abel', sans-serif;
   font-size: 14px;
   color: #969493;
}

h1, h2, h3 {
   margin: 0;
   padding: 0;
   font-family: 'Abel', sans-serif;
   font-weight: normal;
   color: #000000;
}

h1 {
   font-size: 2em;
}

h2 {
   font-size: 2.8em;
}

h3 {
   font-size: 1.6em;
}

p, ul, ol {
   margin-top: 0;
   line-height: 240%;
}

ul, ol {
}

a {
   text-decoration: none;
   color: #474747;
}

a:hover {
}

#wrapper {
}

#wrapper2 {
}

.container {
   width: 1000px;
   margin: 0px auto;
}

/* Header */

#header {
   overflow: hidden;
   width: 1000px;
   height: 150px;
   margin: 0 auto;
   padding: 0px 0px;
}

/* Logo */

#logo {
   float: left;
   width: 320px;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   background: #000000;
   color: #FFFFFF;
}

#logo h1, #logo p {
}

#logo h1 {
   display: block;
   padding: 10px 0px 0px 0px;
   letter-spacing: -3px;
   text-align: center;
   text-transform: lowercase;
   font-size: 3.8em;
}

#logo h1 a {
   color: #FFFFFF;
}

#logo p {
   margin-top: -10px;
   padding: 0px 0 0 0px;
   letter-spacing: 1px;
   text-transform: uppercase;
   text-align: center;
   font-size: 10px;
   color: #FFFFFF;
}

#logo p a {
   color: #FFFFFF;
}

#logo a {
   border: none;
   background: none;
   text-decoration: none;
   color: #000000;
}

/* Splash */

#splash {
   width: 960px;
   height: 300px;
   margin: 0px auto;
}

/* Search */

#search {
   float: right;
   width: 280px;
   height: 60px;
   padding: 20px 0px 0px 0px;
}

#search form {
   height: 41px;
   margin: 0;
   padding: 10px 0 0 20px;
}

#search fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

#search-text {
   width: 170px;
   padding: 6px 5px 2px 5px;
   border: 1px solid #CCCCCC;
   background: #FFFFFF;
   text-transform: lowercase;
   font: normal 11px Arial, Helvetica, sans-serif;
   color: #5D781D;
}

#search-submit {
   width: 50px;
   height: 22px;
   border: none;
   background: #B9B9B9;
   color: #000000;
}

/* Menu */

#menu {
   float: right;
   width: 600px;
   height: 90px;
   margin: 0 auto;
   padding: 0;
}

#menu ul {
   float: right;
   margin: 0;
   padding: 25px 0px 0px 0px;
   list-style: none;
   line-height: normal;
}

#menu li {
   float: left;
   height: 65px;
   padding: 0px 15px 0px 15px;
}

#menu a {
   display: block;
   height: 70px;
   line-height: 70px;
   margin-right: 1px;
   letter-spacing: 1px;
   text-decoration: none;
   text-align: center;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: normal;
   color: #040509;
   border: none;
}

#menu a:hover, #menu .current_page_item a {
   border-bottom: 5px solid #040509;
   text-decoration: none;
}

#menu .current_page_item a {
}

/* Page */

#page {
   width: 960px;
   margin: 0px auto;
   padding: 30px 0px;
}

/* Content */

#content {
   float: left;
   width: 640px;
   padding: 0px 0px 0px 0px;
}

.post {
   overflow: hidden;
   margin-bottom: 20px;
}

.post .title {
   margin: 0px;
   padding: 7px 0px 0px 0px;
   letter-spacing: -1px;
}

.post .title a {
   border: none;
   letter-spacing: 1px;
   text-align: left;
   text-transform: uppercase;
   font-size: 30px;
   font-weight: normal;
   color: #000000;
}

.post .meta {
   margin-bottom: 30px;
   padding: 0px;
   letter-spacing: 1px;
   text-align: left;
   text-transform: uppercase;
   font-size: 11px;
   font-weight: normal;
}

.post .meta .date {
   float: left;
}

.post .meta .posted {
   float: right;
}

.post .meta a {
   color: #148DFB;
}

.post .entry {
   padding: 0px 0px 30px 0px;
   padding-bottom: 20px;
   text-align: justify;
}

.links {
   float: right;
   margin: 20px 0px 30px 0px;
   text-align: right;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: normal;
}

.more {
   display: block;
   float: left;
   padding: 0px 0px 0px 0px;
   margin-right: 30px;
}

.comments {
   display: block;
   float: left;
   padding: 0px 0px 0px 0px;
}

/* Sidebar */

#sidebar {
   float: right;
   width: 280px;
   margin: 0px;
   padding: 0px 0px 0px 0px;
}

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#sidebar li {
   margin: 0;
   padding: 0;
}

#sidebar li ul {
   margin: 0px 0px;
   padding-bottom: 50px;
}

#sidebar li li {
   line-height: 35px;
   border-bottom: 1px solid #CCCCCC;
   background: url(images/img01.gif) no-repeat left 13px;
   margin: 0px 30px;
   font-size: 14px;
   font-weight: normal;
}

#sidebar li li span {
}

#sidebar li li a {
   padding: 0px 0px 0px 0px;
}

#sidebar h2 {
   margin: 0px;
   padding: 20px 0px 30px 0px;
   padding-left: 30px;
   letter-spacing: 1px;
   text-align: left;
   text-transform: uppercase;
   font-size: 30px;
   font-weight: normal;
   color: #000000;
}

#sidebar p {
   margin: 0 0px;
   padding: 0px 30px 20px 30px;
   text-align: justify;
   font-size: 14px;
}

#sidebar a {
   border: none;
   color: #969493;
}

#sidebar a:hover {
   text-decoration: underline;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
   padding: 20px;
}

#calendar table {
   width: 100%;
}

#calendar tbody td {
   text-align: center;
}

#calendar #next {
   text-align: right;
}

/* Three Column Footer Content */

#footer-content {
   overflow: hidden;
   width: 960px;
   margin: 0px auto;
   padding: 50px 0px;
}

#footer-content h2 {
   margin: 0px;
   padding: 0px 0px 30px 0px;
   letter-spacing: 1px;
   text-align: left;
   text-transform: uppercase;
   font-size: 24px;
   font-weight: normal;
   color: #000000;
}

#footer-content ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

#footer-content-wrapper {
   overflow: hidden;
   background: #F3F3F3;
   border-top: 1px solid #E6E6E6;
}

#column1 {
   float: left;
   width: 300px;
   margin-right: 30px;
}

#column2 {
   float: left;
   width: 300px;
}

#column3 {
   float: right;
   width: 300px;
}

#footer {
   width: 960x;
   margin: 0px auto;
   height: 50px;
   margin: 0 auto;
   padding: 0px 0 15px 0;
   background: #000000;
}

#footer p {
   margin: 0;
   padding-top: 30px;
   line-height: normal;
   letter-spacing: 1px;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: normal;
   color: #FFFFFF;
}

#footer a {
   color: #FFFFFF;
}

#banner-wrapper {
   overflow: hidden;
   height: 400px;
   background: #000000 url(    AKII LA URL DE LA IMAGEN    ) no-repeat center top;
}

#banner {
}
↑
Mostrar mensajes anteriores:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.