Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje13-04-2010, 18:34 (UTC)    
Título del mensaje:

A ese Ultimo Lo hise yo

Solo no lo saco de ninguna web

Al ultimo si se lo ise para que entienda XD

Pero al PRIMERO no lo ise yo
Mensaje23-04-2010, 00:39 (UTC)    
Título del mensaje:

ahora que See algo mas de css traigo un codigo creado por mi...

para principiantes y que a algunos os ayudara:
________________________________________________


Pues Primeramente para Recordar...

Estos Son las partes de un Diseño.las Esenciales

HEADER:CABEZAL
MENU:MENU
SIDEBAR:BOX DERECHO
FOOTER:LO DE ABAJO

Yo Statings lo primero que pude Aprender es como modificar la Columna en Blosport

es Simplemente Asi Buscas en TEXTO POR DEBAJO DE PAGINAS [Recuerda blosport]

Como Dije en Texto por Debajo Buscas el Codigo:

<div id='sidebar-wrapper'> hasta <!-- end content-wrapper -->


y lo cambias por un Codigo Blosport que sea de una Columna [Sidebar]

y ahi ya Estas Cambiando el Sidebar.


Yo el primer Diseño Blosport lo Encontre en:

Pwg-Design.es.tl

______________________________________________

Ahora en Css design Diseños

si tu kieres el footer arriva solo tienes que mover
los <div id="footer">contenido del footer</div>
*arriva
pero en el Style Buscar #footer
*y si dice
*botton <--es abajo
*ponle up
*o
*top


left<----izkierda
*right<-----derecha

esto es para Cambiar el Sidebar[ Columna] de Derecha a Izquierda como Dice Arriba


Donde lo Busco?

pues
*depende como dice
*siempre
*para el contenido
*ciempre dice
*<div id="content"></div>
*biene siendo el contenido
pero
el sidebar
*aveces
*biene por su nombre
*sidebar
*o
*left
*o right
*o
leftsite


Para modificar un Diseño en Texto por ensima de la pagina si quieres
cambiar el menu busca

<!-- Begin Navigation -->

hasta

<!-- End Navigation -->


y Asi con todos solo que Algunos estan en Texto por encima de la pag.


Por ejemplo para el Cabezal:

<!-- Begin Header -->
hasta
<!-- End Header -->

menu


<!-- Begin Navigation -->
Hasta

<!-- End Navigation -->



Eso esta en Texto por ensima de la Pagina...

Ahora Cambio a Texto por debajo que en Texto por debajo esta el Sidebar Y Footer
que son:

Columna o mejor Dicho Sidebar es

<!-- Begin Left Column -->

hasta

<!-- End Faux Columns -->


y Footer

<!-- Begin Footer -->

hasta

<!-- End Footer -->




Hay podras modificar el Header- menu- Sidebar-Footer
______________

Mensaje23-04-2010, 00:51 (UTC)    
Título del mensaje:

no todos los diseños tienen los mismo comentarios y mucho menos los mismos id :S creo que esto no sirve :S
______________
PWG me vio nacer en desarrollo web, ahora estoy estudiando programacion en la universidad gracias a ti, GRACIAS PWG!
Mensaje23-04-2010, 01:08 (UTC)    
Título del mensaje: jajajaja

jajajaja eso todo lo que puso statings se lo dije por el msn jajaja solo lo copio pero dice que segun el lo iso jajaja dios mio statings te cres el mejor en css todo eso lo puedo comprovar jajaja aora espero alla aprendido miren en el msn mio el historial aki se los dejo:
Cita:
(7:41 PM) francis: holas
(7:43 PM) ARRIVA SKIIFI: OLA
(7:44 PM) francis: Como estas grax por el tuto
ya se modificar cabezal menu Sidebar footer
gracias a Tus Consejos
pero creo que solo se modificar
(7:45 PM) francis: de los diseños
anteriores

(7:45 PM) ARRIVA SKIIFI:
si entendistes algo
(7:45 PM) francis: lo importante
es que Entendi lo Basico no!!
(7:46 PM) ARRIVA SKIIFI: sep

(7:47 PM) francis: Eres el mejor
bueno me puedes pasar la Teoria para cambiar la Posicion de un Menu o Sidebar o Footer
por ejemplo
un ejemplo
(7:47 PM) francis: quiero el Footer arriba

o quiero el Sidebar
en ves de lado derecho en el Lado Izquierdo
(7:48 PM) ARRIVA SKIIFI: si tu kieres el footer arriva solo tienes que mover los <div id="footer"contenido del footer</div>
arriva
en el style scar
#footer
y si dice
botton <--es abajo
(7:48 PM) ARRIVA SKIIFI: ponle up
o
top
(7:50 PM) fяaпcιѕ.aяt ha cerrado sesión
(7:56 PM) fяaпcιѕ.aяt está conectado
(7:56 PM) francis: losiento
me tube que ir
volvemos a lo que tabamo
(7:57 PM) ARRIVA SKIIFI: PUES YA TE DIJE
(7:58 PM) francis: el k

beno
revisare el historial
(8:00 PM) francis: no lo tengo en mi historial

(8:00 PM) ARRIVA SKIIFI: ja
(8:00 PM) francis: me dices
plz
(8:00 PM) ARRIVA SKIIFI: si tu kieres el footer arriva solo tienes que mover los <div id="footer">contenido del footer</div>
*arriva
* en el style scar
*#footer
*y si dice
*botton <--es abajo
*ponle up
*o
*top

(8:01 PM) francis: o
olle
esto se me Esta haciendo
como demaciado facil
(8:01 PM) francis: dejame y povare con uno
y dejame guardar ese codigo que me Diste
(8:02 PM) ARRIVA SKIIFI:
(8:03 PM) francis: dejame provar
lo que me dijiste
con un Diseño
simple

(8:03 PM) ARRIVA SKIIFI: sep
(8:04 PM) francis: ve diciendome como Cambiar de Posicion el Sidebar para que si esta a la derecha que este a la Izquierda
(8:05 PM) ARRIVA SKIIFI: left<----izkierda
right<-----derecha
(8:05 PM) francis: y donde lo Busco
(8:06 PM) ARRIVA SKIIFI: pues
depende como dice
siempre
para el contenido
(8:06 PM) ARRIVA SKIIFI: ciempre dice
<div id="content"></div>
(8:07 PM) ARRIVA SKIIFI: biene siendo el contenido

(8:07 PM) ARRIVA SKIIFI: el sidebar
aveces
biene por su nombre
sidebar
o
left
o right
o
(8:07 PM) francis: pero osea
(8:07 PM) ARRIVA SKIIFI: leftside
(8:07 PM) francis: en texto por debajo
o en css
(8:07 PM) ARRIVA SKIIFI: entiende que el css
no imrpota por el debajo ni por encima
el css
(8:08 PM) francis: ok
(8:08 PM) ARRIVA SKIIFI: es CASCADING STYLE SHEET
estilo de cascada d epapel
(8:08 PM) ARRIVA SKIIFI: el texto por debajo
y por arriva
como te digo
sca
content
o
MAIN
(8:08 PM) ARRIVA SKIIFI: <div id="content">
(8:09 PM) ARRIVA SKIIFI: y por abajo deves cerralo
con
</div>
para que el contenido
(8:09 PM) ARRIVA SKIIFI: que pongas
se kede en
el mero contenido
(8:09 PM) francis: ok
no entendi bien lo ultimo

(8:10 PM) ARRIVA SKIIFI: entiende que tienes que scar en el codigo
algo que diga
<div id="content">
(8:10 PM) ARRIVA SKIIFI: asi viene
o diferente
y por abajo seria
para cerrar
el contenido
</div>

(8:11 PM) ARRIVA SKIIFI: deves de scarlo por que no siempre bien
viene
no siempre viene content
biene
mucs diferente
depende
el id
(8:13 PM) francis: okas
ahora
modificarer
la columna
de derecha a izquierda
aver
si aprendi

(8:13 PM) ARRIVA SKIIFI:
(8:15 PM) francis:
encontre
letf
que creo que es derecha
que decia
(8:15 PM) ARRIVA SKIIFI: left es ixkierda
right es derecha
(8:15 PM) francis: <!-- End left Column -->
(8:16 PM) francis: y lo modifique
por
<!-- End right Column -->
y se Quedo igual
(8:16 PM) ARRIVA SKIIFI: eso no
aja

(8:16 PM) francis: ese fue lo unico que encontre

y el k
(8:16 PM) ARRIVA SKIIFI: eso solo es un ejemplo

tiene que modificar
el style
(8:16 PM) francis: oka
(8:16 PM) ARRIVA SKIIFI: en el style es todo
(8:18 PM) francis: contrale
(8:19 PM) francis: toy modificando todo codigo del Sidebar en el css y el ultimo que modifique
agrando mas el Sidebar
right
(8:19 PM) ARRIVA SKIIFI:
(8:19 PM) francis: http://statings.es.tl/
pero
no consegui
que se moviera
Coñooooo
diablo
que si soy etupido
en mi web
(8:19 PM) francis: el sidebar
esta en la derecha
y me dijiste
que left es izquierda!!

(8:21 PM) francis: pero no entiendo !!
porque Left
es Izquierda
mi Sidebar ta a la derecha!!
(8:22 PM) francis: y todo codigo que encuentro es
left
mas
no encuentro
right
(8:22 PM) francis: que segun tu es Derecha
(8:23 PM) francis te ha enviado un zumbido.
(8:24 PM) francis te ha enviado un zumbido.
(8:26 PM) ARRIVA SKIIFI: left<---ixkierda
right<----derecha
(8:27 PM) francis: si
pero lko que pasaa
es que
mi Sidevar ta a la Derecha ves
(8:27 PM) francis: y odo codigo que encuentro en el css es left
porque!
lo cambio a right a left y todo
(8:27 PM) ARRIVA SKIIFI: pues cambialo
(8:27 PM) francis: y como quiera
(8:27 PM) ARRIVA SKIIFI: a left
(8:27 PM) francis: ya lo cambie
dejame ver
(8:27 PM) ARRIVA SKIIFI:
(8:28 PM) francis: como quieraa!!
mira:
este es el vendito codigo del Sdebar que ta en Left y comoquiera:
(8:28 PM) ARRIVA SKIIFI: esk deves de saver y ser inte logente
inteligente
stating
(8:28 PM) francis: #sidebar {
display: inline;
color: #333;
margin:10px;
padding:0;
width: 195px;
flt: left;

}
#sidebar h3 {
margin-top: 10px;
padding: 20px 20px;
font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
color: #bc0303;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
background: url() repeat-x left top;
}
#sidebar ul.sidemenu li {
list-style: none;
background: url() repeat-x left bottom;
padding: 4px 0 4px 5px;
margin: 0 20px;
color: #bc0303;
}
* html body #sidebar ul.sidemenu li {
height: 1%;
}
#sidebar ul.sidemenu li a {
text-decoration: none;
background-image: none;
color: #666666;
}
#sidebar ul.sidemenu li a:hover {
color: #1773BC;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }

#leftcolumn {
flt: left;
color: #333;
margin:10px;
padding:0;
width: 683px;
display: inline;
position: relative;
}

(8:29 PM) francis: puedes Decirme Francis
(8:29 PM) ARRIVA SKIIFI: en posision
ponle right
en contenido
ponle left
(8:29 PM) ARRIVA SKIIFI: no no cambies
(8:29 PM) francis: osea donde Dise position relativa
(8:29 PM) ARRIVA SKIIFI: esl el contenido falta
(8:29 PM) francis: o k
(8:29 PM) ARRIVA SKIIFI: ponerlo
(8:30 PM) ARRIVA SKIIFI: el contenido dev ser
right
(8:30 PM) francis: nocencuentro nungun Right

(8:31 PM) ARRIVA SKIIFI: sca content
#content
(8:31 PM) francis:
donde Dice
Content
pongo
Left
(8:32 PM) francis: no encontre Content

es en el Sidebar

(8:35 PM) francis:
(8:38 PM) ARRIVA SKIIFI: cual kieres cambiar
que plantilla y te aviso como dice ya lo scas
(8:38 PM) francis: http://statings.es.tl/
esa
(8:39 PM) fяaпcιѕ.aяt ha cerrado sesión
(8:44 PM) ARRIVA SKIIFI: listo
sca
leftcolumn
(8:44 PM) ARRIVA SKIIFI: #leftcolumn



espero que statings no le ensenen por que miren lo que ace como amigos saludos eso esno ser amigo y es no saver css mejor salte statings de PWG que no saves nada .
______________

Mensaje23-04-2010, 01:11 (UTC)    
Título del mensaje:

Si!

Exacto!
todo gracias a Procssdesign
______________



Ultima edición por statings el Jue Abr 22, 2010 9:37 pm; editado 1 vez
Mensaje23-04-2010, 02:02 (UTC)    
Título del mensaje:

Mmm que falta de originalidad, te pasan el código por privado y luego vienes a publicarlo en el foro y encima pones tus créditos, sin mencionar a procssdesign que fue el que lo hizo todo. Después obligado dices "Si, fue todo por ..."

Esta bien que quieras ayudar, pero los creditos son muy importantes, si pones eso de "Creado por mi" cuando no es tuyo, es plagio y supongo que un diseñador profesional, como dices que eres por privado, no le gusta copiar, verdad?

______________
Depuis 2008.
Mensaje23-04-2010, 02:09 (UTC)    
Título del mensaje:

Hola,
lo primero que voy a decir
es que esta tarde yo estaba comenzando el tutorial en block de notas...
y puse lo de statings porque pense que lo aria yo solo como ya estaba aprendiendo en blocsport

y pues puse lo que se de css design

yvarias cosas que me paso procssdesign si quieren veanlo en la Conversacion que puso procssdesign que el me paso algunas cosas

se me fue la luz y se me olvido poner los Creditos!!
y resien llega la luz y procss desgn ya no quiere ser mi Amigo!!


solo os quiero decir
que los amigos cometen errores
y tambien se perdonan!

porque no hay nadie en su vida que no haya cometido un error todos cometen
solo dios no comete errores
______________



Ultima edición por statings el Jue Abr 22, 2010 10:10 pm; editado 1 vez
Mensaje23-04-2010, 02:12 (UTC)    
Título del mensaje:

statings escribió:
Hola,
lo primero que voy a decir
es que esta tarde yo estaba comenzando el tutorial en block de notas...
y puse lo de statings porque pense que lo aria yo solo como ya estaba aprendiendo en blocsport

y pues puse lo que se de css design

yvarias cosas que me paso procssdesign si quieren veanlo en la Conversacion que puso procssdesign que el me paso algunas cosas

se me fue la luz y se me olvido poner los Creditos!!
y resien llega la luz y procss desgn ya no quiere ser mi Amigo!!


solo os quiero decir
que los amigos cometen errores
y tambien se perdonan!

porque no hay nadie en su vida que no haya cometido un error todos cometen
solo dios no comete errores


Mmm En fin, ahorita seria un buen momento para editar el mensaje y poner los créditos a quien le corresponde, no crees?
______________
Depuis 2008.
Mensaje23-04-2010, 02:25 (UTC)    
Título del mensaje:

team-drakox escribió:
statings escribió:
Hola,
lo primero que voy a decir
es que esta tarde yo estaba comenzando el tutorial en block de notas...
y puse lo de statings porque pense que lo aria yo solo como ya estaba aprendiendo en blocsport

y pues puse lo que se de css design

yvarias cosas que me paso procssdesign si quieren veanlo en la Conversacion que puso procssdesign que el me paso algunas cosas

se me fue la luz y se me olvido poner los Creditos!!
y resien llega la luz y procss desgn ya no quiere ser mi Amigo!!


solo os quiero decir
que los amigos cometen errores
y tambien se perdonan!

porque no hay nadie en su vida que no haya cometido un error todos cometen
solo dios no comete errores


Mmm En fin, ahorita seria un buen momento para editar el mensaje y poner los créditos a quien le corresponde, no crees?


Si!!!!
pero como quiera no querra hablarme
______________

Mensaje23-04-2010, 03:14 (UTC)    
Título del mensaje:

y tu a todos pides ayuda, y no agradeces nada
______________
PWG me vio nacer en desarrollo web, ahora estoy estudiando programacion en la universidad gracias a ti, GRACIAS PWG!
Mensaje24-04-2010, 13:54 (UTC)    
Título del mensaje:

aqui puse mas Contenido
y puse los Creditos!!

procssdesign!
losiento:

______________________

Pues Primeramente para Recordar...
Les Recomiendo a Todos que Usen Este Diseño
de Estructura basica para Editar porque con el Aprendi mucho...

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

Si quieres Adaptar Tu plantilla puedes Ir a:

http://www.paginawebgratis.es/forum/viewtopic.php?t=27181
o
http://www.paginawebgratis.es/forum/viewtopic.php?t=43974&highlight=adaptar+++dise%F1o+css


Aqui empezamos Nuestro Tutorial
Pero primero quiero os dar los Creditos porque este Tutorial no lo ise Solo
Procssdesign me ayudo y de algunos Tutoriales...
________________________________________________

Estos Son las partes de un Diseño.las Esenciales

HEADER:CABEZAL
MENU:MENU
SIDEBAR:BOX DERECHO
FOOTER:LO DE ABAJO

Yo Statings lo primero que pude Aprender es como modificar la Columna en Blosport

es Simplemente Asi Buscas en TEXTO POR DEBAJO DE PAGINAS [Recuerda blosport]

Como Dije en Texto por Debajo Buscas el Codigo:

<div id='sidebar-wrapper'> hasta <!-- end content-wrapper -->


y lo cambias por un Codigo Blosport que sea de una Columna [Sidebar]

y ahi ya Estas Cambiando el Sidebar.


Yo el primer Diseño Blosport lo Encontre en:

Pwg-Design.es.tl

______________________________________________

Ahora en Css design Diseños

si tu kieres el footer arriva solo tienes que mover
los <div id="footer">contenido del footer</div>
*arriva
pero en el Style Buscar #footer
*y si dice
*botton <--es abajo
*ponle up
*o
*top


left<----izkierda
*right<-----derecha

esto es para Cambiar el Sidebar[ Columna] de Derecha a Izquierda como Dice Arriba


Donde lo Busco?

pues
*depende como dice
*siempre
*para el contenido
*ciempre dice
*<div id="content"></div>
*biene siendo el contenido
pero
el sidebar
*aveces
*biene por su nombre
*sidebar
*o
*left
*o right
*o
leftsite


Para modificar un Diseño en Texto por ensima de la pagina si quieres
cambiar el menu busca

<!-- Begin Navigation -->

hasta

<!-- End Navigation -->


y Asi con todos solo que Algunos estan en Texto por encima de la pag.


Por ejemplo para el Cabezal:

<!-- Begin Header -->
hasta
<!-- End Header -->

menu


<!-- Begin Navigation -->
Hasta

<!-- End Navigation -->



Eso esta en Texto por ensima de la Pagina...

Ahora Cambio a Texto por debajo que en Texto por debajo esta el Sidebar Y Footer
que son:

Columna o mejor Dicho Sidebar es

<!-- Begin Left Column -->

hasta

<!-- End Faux Columns -->


y Footer

<!-- Begin Footer -->

hasta

<!-- End Footer -->




Hay podras modificar el Header- menu- Sidebar-Footer



Recuerden que no Siempre pueden ser los mismos Codigos pueden Ser Id Div como sea
depende...


Quieres que pues Redondear un Borde????
usa:

-moz-border-radius: 30px;

agregalo a css a cualquier Div

Esplicacion del Cabezal

- margin-left: =Distancia de la cabecera del extremo izquierdo
- width: = Ancho de la cabecera
- height: = Altura de la cabecera
- background-color = Color de fondo de cabecera
- background-image:url(); = Fondo de escritorio (URL) en paréntesis pegar
- si desea insertar una imagen, la misma anchura que la cabecera
- color:#000000; = En el texto de la cabecera de color, texto
- font-size:13px; = Tamaño del texto
- border: 1px solid #FFFFFF = Marco / marco de la fuerza / Color


Esplicacion del Contenido

- top: = Distancia a la caja de texto encima
- margin-left: = Distancia cuadro de texto desde el borde izquierdo
- padding:10px; = Sumario 10 de Píxeles bordes a la página
- width: = Ancho de la caja de texto
- height: = Altura de la caja de texto
- background-color = Color de fondo del cuadro de texto
- background-image:url(); = Fondo de escritorio (URL) en paréntesis pegar
- si desea insertar una imagen, la misma anchura que el cuadro de texto !
- color:#000000; = El color del texto en el cuadro de texto
- font-size:13px; = Tamaño de texto
- border: 1px solid #C9C9C9 = Marco / marco de la fuerza / Color
- overflow:auto;} = crea un cuadro de texto desplegable


Esplicacion de Sidebar

- top: = Distancia desde la parte superior de la caja
- margin-left: = Cuadro de distancia desde el borde izquierdo
- width: = Ancho de la caja
- height: = Altura de la caja
- background-color = Color del fondo de la caja
- background-image:url(); = Fondo del escritorio (URL) pegar alguna imagen
- si se inserta una imagen tiene que tener la misma anchura que el cuadro
- color:#000000; = El color del texto de la caja
- font-size:13px; = El tamaño del texto de la caja
- border: 1px solid #C9C9C9 = El color del marco
- overflow:auto;} = Crear un cuadro desplegable
______________

Mensaje24-04-2010, 19:15 (UTC)    
Título del mensaje: ay

ay statings por dios primero as tu web keremos resultados no keremos que nos traigas informacion de otras webs de tutoriales y lo que los amigos segun tu amigos tienes deven de cerrar este tema por que no tiene nada no explicas nada por que todo te lo dicen solo explicas lo que entiendes pero no notamos resultados con tu web yo no c por que esta en el concurso si ni tiene nada perdon si able mal pero es la verdad
______________



Ultima edición por procssdesign el Sab Abr 24, 2010 3:15 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group