Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Codigos Amawebs
Codigos Amawebs
OJO!
Es muy importante que antes de usar los cdigos, escribas el siguiente para aperturar el lenguaje de programacin:
</style>
OBSERVA LOS VIDEOS DE INTRODUCCIN (presiona Ctrl +clic para seguir el vnculo):
1). http://www.youtube.com/watch?v=Pk5oTkoLQys
2). http://www.youtube.com/watch?v=rxWpReesmYU
Aqu te dejo los Cdigos:
No.
Tema
COLOCA UN FONDO A TU
AMAWEBS
body {
background:url(URL DE LA IMAGEN)repeat 0 0;
}
Descripcin
Con este colocas un fondo
personalizado, de preferencia debe
de oscilar en un promedio de 2000 X
1200 pixeles, a menos que sea
repetitivo por ejemplo que sean
solo logotipos o figuras si puedes
utilizar una imagen pequea ya que
el codigo lo repite
#headerContainer{
background-image : none ;
}
QUITAR ORILLAS
#mainContainer{
LATERALES, SUPERIOR E
background-image : none ;
INFERIOR DE LA PLANTILLA }
#footContainer{
background-image : none ;
}
#header {
background:url(URL DE LA IMAGEN) no-repeat;
height: 170px;
PERSONALIZA TU CABECERA }
DEL TAMAO QUE QUIERAS #header .title h1 {
font-size: 0px;
}
#headerContainer {
SUBE Y BAJA EL CUERPO DE width: 1000px;
TU AMAWEBS A PARTIR DEL height: 170px;
MENU DE BOTONES
background: transparent;
}
COLOCA UN FONDO
PERSONALIZADO A LAS
TABLAS
td{
background:url(URL DE LA IMAGEN)repeat 0 0;
}
ORILLAS INFERIORES
REDONDAS DE TU
PLANTILLA
.mainright {
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 30px;
-webkit-border-radius: 30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
}
ORILLAS SUPERIORES
REDONDAS DE TU
PLANTILLA
.menuH {
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 30px 30px 0px 0px;
border-radius: 30px 30px 0px 0px;
}
10
COLOCA UN BOTON
PERSONALIZADO
#foot {
background-image : none ;
width: 1000px;
height: 150px;
}
#main .menuH a {
padding-top: 10px;
font-family: LuzSans-BoldItalic;
font-size: 10px;
text-align: center;
padding-left: 0px;
}
11
#foot .data {
color: white;
font-family:LuzSans-BoldItalic;
}
12
.mainright {
QUITA LA LINEA QUE SE VE,
background:none;
CUANDO COLOCAS UNA
background-color: #ffffff;
TABLA ANCHA Y EL FONDO
}
13
#foot {
PERSONALIZA TU PIE DE
background:url(URL DE LA IMAGEN)repeat 0 0;
PAGINA CON UNA IMAGEN
}
14
15
#main .icon1 {
background:none;
}
#main .icon2 {
background:none;
QUITA LOS BOTONES
}
LATERALES DE LA PLANTILLA #main .icon3 {
background:none;
}
#main .icon4 {
background:none;
}
16
#main .text {
AJUSTA LOS MARGENES DE
margin-left: 0px;
LA INFORMACIN DEL
margin-top: -15px;
CUERPO DE TU AMAWEB
}
17
18
19
DERECHOS RESERVADOS
(este lo colocas debajo de
</style>)
<script language=JavaScript>
<!-var message="Copyright 2012 Star Fusion - Derechos
Reservados";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if
(document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return
false" )
// -->
</script>
Estos unos de los tantos cdigos que existen, y los que he utilizado para hacer las pginas de varios clientes, como les deca anteriormente, estos cdigos nos dan estructura, pero el diseo y la creatividad
la pones tu, no est de ms que investiguemos tutoriales, sobre cursos o trucos de photoshop, o bien sacar un curso personalizado y certificado, en unos das estar alimentando mas esta lista cdigos con
ms trucos.
Fue un gusto amigos, y espero que este material les sea de mucha utilidad, no olviden ver los tutoriales en mi canal de Youtube: Ai Edwin de la Cruz y Hacerse Fans de Starfusion Corp
www.facebook.com/starfusiongt .
Edwin de la Cruz
Distribuidor Independiente