You are not logged in.

Dear visitor, welcome to Ikariam.es - Foro. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

  • "S-Titan" is male
  • "S-Titan" started this thread

Posts: 6

Date of registration: May 10th 2009

Location: Piriapolis

Servers: Zeta

  • Send private message

1

Wednesday, July 21st 2010, 3:30am

Creación paginas Externas - Internas

Bueno, he visto guías de Bbcode, html, pero ninguna explican bien como crear las paginas para ikariam con fondos, subir imágenes, cambiar tamaño, tipo de letra, colocar link para paginas o mandar solicitudes, etc.

Acá dejo esta guía que espero les sea de utilidad.


Lo Principal

Siempre que quieran comenzar un código debes comenzar con el símbolo de apertura (<) cierre (>)

Códigos para texto

Por ejemplo, el siguiente: <p align="center"><b><font color="#FFCC66" size="2" face="Arial"> texto que quieren que se vea </font></b></p>
1- <p align= " "es la alineación del texto a colocar puede ser izquierda "left", centrado "center" y derecha "rigth"

* siempre dentro de las comillas apertura y cierre (" ")
2 - <b> aquí es donde elijes si desean que el estilo de letra sea negrita </b>, cursiva </i> o subrayado </u>, si quieres solo estilo normal dejas la <b>.

3 - <font color= " " aquí colocas el codigo de color hexadecimal o bien el color en inglés (black, red, etc)

* siempre dentro de las comillas apertura y cierre (" "), aquí les dejo una pagina con los codigos de color hexadecimales (http://html-color-codes.info/codigos-de-…-hexadecimales/)

4 - size= " " eliges el tamaño del texto que deseas colocar, se coloca entre comillas en numeros "1" al "25 o mas" (puede ser el número que quieran pero cuidado que no quede muy grande ya que quedaria antiestetico)

5 - face= " " > estilo de letra, "Arial" "Caibri" "Time new roman" el que uds quieran, luego de elegido que estilo de letra van a visualizar, cierran el código (>) y escriben el texto que quieren que se vea en la pagina. Una vez finalizado el texto cierran el conjunto con lo siguiente </font></b></p>

Colocar imagenes

POR EJEMPLO EL SIGUIENTE CODIGO <p align="center"><img src="http://.jpg" alt=""></p>

1 - Es igual a colocar un texto, elijes donde estará ubicado <p align=" "> izquierda "left", centrado "center" y derecha "rigth"

2 - La imagen, si es una imagen que ya esta en internet, solo copias el link, sino debes subir la imagen a la web, recomiendo el siguiente asistente gratuito y muy fácil de usar "ImageShack" (http://imageshack.us/)

<img src= "link de la imagen" alt=""> y cierran el conjunto con </p>

Colocar links para solicitud para mensajes, paginas, foros

Bueno esto es muy útil para colocar accesos directos a envíos de membrecía para alianzas, paginas, foros o lo que quieran.

El código es el siguiente:

<p align="center"><a href="http:\\ link"><img src="http://.jpg" alt=""></a></p>

1 - El principio es igual al de colocar textos e imagenes, es donde eliges la ubicación (centrado, derecha o izquierda)

2 - <a href=" "> aquí es donde colocan el link de la pagina, foro o para enviar mensaje al Ministro del interior, Diplomatico, Lider o cualquier miembro que desen colocarl un acceso.

* Dejo el link de una guia que explica muy bien como encontrar los link de tu diplomatico, ministro o quien quieras citar en tus paginas creado por Darkshadow (gracias por dejarme incluir tu guia)
(http://board.es.ikariam.com/index.php?pa…threadID=208377)

3 - <img src="link de imagen" alt=""> Aquí colocas una imagen al acceso directo al link y cierras el conjunto con </a></p>

Cambiar color de fondo o una imagen

Fondo de un color - <div style="background-color:#000000;">Lo que se vera en la pagina, imagenes,texto, etc... </div>
Fondo con una imagen - <div style="background-image:url(http://.jpg);"> Lo que se vera en la pagina, imagenes,texto, etc... </div>

1 - Comienzan con la apertura <div style=

2 - "background-color:(codigo de color hexadecimal);"> es donde indicas de que color sera el fondo de la pagina.
- "background-image:url(http://.jpg);"> es donde colocas el link de la imagen a colocar como fondo de la pagina

Luego colocas el texto que quieren que se vea en la pagina, imagenes, el contenido de lo que sera la pagina y cierran todo el conjunto con </div> y listo!!

Contadores de visita


Lamentablemente el único ejemplo que solo conozco el de Andyhoppe ( http://www.andyhoppe.com/) pero pienso que para otras páginas de contadores seráa similar.

<a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1270352193" style="border:none;" alt="Counter"></a></font></b></p>

1 - apertura <a href=" seleccionan en la página de " www.andyhoppe.com " el estilo de contador y lo pegan dentro de las comillas " " y cierran el conjunto con </a></font></b></p>

Finalmente guardan y tienen el contador de visitas.

Aqui dejo otra pagina con mas contadores de visitas y muy originales - http://www.free-counter.com/ - Gracias Sir Diego por tu aporte.

Ejemplo de una pagina creada para que vean

Será una pagina con una imagen de fondo con color negro (ancho maximo 626 pixeles)
<div style="background-image:url(url de la imagen de fondo);">

Logo o nombre de la alianza
<p align="center"><img src="url de la imagen" alt=""></p>

Texto
<p align="center"><font color="#FFCC66" size="2" face="Ringbearer"> Somos la Cantera de la Alianza Argonath (A-WON)....... </font></p>

Imagen
<p align="center"><img src="url de la imagen" alt=""></p>

Texto tipo titulo.
<p align="center"><font color=" #FFFFFF" size="2" face="Ringbearer"> Los requisitos para el ingreso en la cantera son: </font></p>

Texto
<p align="center"><font color="#FFCC66" size="2" face="Ringbearer">- Deben ser miembros donadores en sus islas
- Jugadores activos

- Ganas de jugar y ser participativo en la alianza </font></p>

Imagen de Tratados de Paz
<p align="center"><img src="url de la imagen" alt=""></p>

Texto con las alianzas que hay Tratados
<p align="center"><font color=" #FFFFFF" size="2" face="Ringbearer"> Alianza Argonat - (A-WON) </font></p>

Una vez que no hay mas que colocar, cerramos con </div> y quedaría de la siguiente forma:

* Se pueden seguir colocando imagenes, texto, links, etc antes de cerrar.

This post has been edited 2 times, last edit by "S-Titan" (Aug 12th 2010, 12:43am)


darkshadow

Semi finalista I Torneo Máster Fan Art

  • "darkshadow" is male

Posts: 469

Date of registration: Mar 18th 2010

Location: Ikariam

Servers: Epsilon
Omikron

  • Send private message

2

Wednesday, July 21st 2010, 2:37pm

buena guía ya k mencionas las peticiones d membresía t dejo ellink d mi guía sobre como hallarlas por si kieres incluirlo
http://board.es.ikariam.com/index.php?pa…threadID=208377






3

Wednesday, July 21st 2010, 3:32pm

buena guia S-Titan, muy buena guia


salu2

gogmon

Esclavo

  • "gogmon" is male

Posts: 31

Date of registration: Jul 27th 2009

Location: ningun lugar

Servers: Ninguno

Alianzas: LDR - DELTA ,XI,IOTA,PI

  • Send private message

4

Wednesday, July 21st 2010, 5:36pm

un muy buen trabajo , exelente guia





Vos no sos un problema ,,Solo un mal momento


Glefa

Estratega

  • "Glefa" is female

Posts: 2,851

Date of registration: Sep 7th 2009

Location: Casita de Glefa

Servers: Ninguno

  • Send private message

5

Wednesday, July 21st 2010, 6:31pm

@Glefa:
GUIA EN PROCESO DE REVISION...


a los usuarios, cuidado con el spam, que pueden llevarse una advertencia, los post de esta seccion son para aportar al post principal.

Sir Diego

Unregistered

6

Monday, July 26th 2010, 5:36am

Pues de veras felicitaciones por la Guía hermano, bien completa la información y además clara, pero quisiera aconsejarte que colocases el código necesario para redimensionar imágenes, ya que esa es una de las preguntas más frecuentes de los usuarios y no conozco otra solución diferente a la de remidensionarla volviendo a crearla, o hacerlo al momento de subirla al Hosting :pinch:, aunque alguna vez cuando tenía mi ali mi hermano puso un código para redimensionar imágenes. Y por cierto, conozco bien otra página de Contadores de Visitas bien completa y con muchas opciones, por si quieres agregarla a la lista... http://www.free-counter.com/

españoles

Unregistered

7

Saturday, July 31st 2010, 9:36am

Videos en pagina

Alguien sabe si se pueden poner videos de youtube en la pagina y como hacerlo ??????

This post has been edited 1 times, last edit by "españoles" (Jul 31st 2010, 9:36am)


Glefa

Estratega

  • "Glefa" is female

Posts: 2,851

Date of registration: Sep 7th 2009

Location: Casita de Glefa

Servers: Ninguno

  • Send private message

8

Saturday, July 31st 2010, 5:25pm

no eso no esta permitido.
y creo que lo aclararian mejor en la seccion de ayudas y preguntas.

-Kakashi-

Esclavo

  • "-Kakashi-" is male

Posts: 29

Date of registration: Aug 4th 2009

Servers: Etas

  • Send private message

9

Tuesday, August 3rd 2010, 10:37am

<img src= "link de la imagen" alt=""> y cierran el conjunto con </p>


Para alinear imagenes,no hace falta empezar con etiquetas "<p>" ,simplemente se usa la etiqueta imagen y se le añade un matiz dentro,asi:
<ims src: "link" align="center,left,right"> y listo

pero quisiera aconsejarte que colocases el código necesario para redimensionar imágenes, ya que esa es una de las preguntas más frecuentes de los usuarios y no conozco otra solución diferente a la de remidensionarla volviendo a crearla, o hacerlo al momento de subirla al Hosting


Para redimensionar imagenes es igual que antes con el alineo,es añadir un matiz mas dentro de la etiqueta,asi:

<ims src: "link" align="center,left,right" width="el tamaño que quieras hasta 626 pixeles maximo,esto es el ancho" heigth="lo largo que quieras,no hay limite que yo sepa" border="se le puede incluir borde a la imagen" >

Alguien sabe si se pueden poner videos de youtube en la pagina y como hacerlo ??????


No se puede,pero lo que si se puede ,es poner una imagen de la portada del video; y luego enlazandola,seria asi,creo,casi seguro que es asi:
<a href="link del video"><img src="link de la imagen de la portada del video,con botones y todo asi parecera que lo es" ></a>

Buena guia!

Posts: 12

Date of registration: Jul 23rd 2010

Servers: Alpha
Gamma
Etas
Iota
Omikron

  • Send private message

10

Wednesday, August 4th 2010, 1:13am

quiero felicitar por este exelente trabajo es de muxa ayuda

Caney

Hilota

  • "Caney" is male

Posts: 67

Date of registration: Aug 5th 2010

Location: BCN

Servers: Etas

  • Send private message

11

Thursday, August 5th 2010, 11:37pm

ERROR EN EL JUEGO (Mundo Etas)

Los administradores del juego, se han dejado de arreglar un error cuando han acteualizado el juego a la versión 0.3.5.



Si haceis cualquier movimiento de flotas (ejemplo: pasarse material de una polis a otra), y entonces cambiais el nombre de la polis, en "Informe de Tropas", el nombre de la polis no se actualiza y sigue poniendo el antiguo.





Quoted

Comprovadlo vosoros mismos, pasaros material de una polis a otra, cambiad el nombre de la polis y ve a "Informe de Tropas", en el muñeco de Milícia

Salu2, Muchas gracias por leer el post



Espero haber ayudado a mejorar el juego
Caney, Mundo Etas

Si luchamos podemos perder, si no luchamos estamos perdidos.
El honor es mi principal divisa, debe por consiguiente, conservarse sin mancha, de lo contrario, no se recobrará jamás.

¡Fuerza y honor!
X(

Glefa

Estratega

  • "Glefa" is female

Posts: 2,851

Date of registration: Sep 7th 2009

Location: Casita de Glefa

Servers: Ninguno

  • Send private message

12

Friday, August 6th 2010, 2:03am

RE: ERROR EN EL JUEGO (Mundo Etas)

Los administradores del juego, se han dejado de arreglar un error cuando han acteualizado el juego a la versión 0.3.5.

Si haceis cualquier movimiento de flotas (ejemplo: pasarse material de una polis a otra), y entonces cambiais el nombre de la polis, en "Informe de Tropas", el nombre de la polis no se actualiza y sigue poniendo el antiguo.

Quoted

Comprovadlo vosoros mismos, pasaros material de una polis a otra, cambiad el nombre de la polis y ve a "Informe de Tropas", en el muñeco de Milícia

Salu2, Muchas gracias por leer el post

Espero haber ayudado a mejorar el juego

este no es el lugar para ese tipo de comentarios.. esta seccion es para guiar a los usuarios con nuestros conocimientos en el juego.
tu comentario corresponde mas a otra seccion

cuidado con el spam o te llevaras una advertencia.
te recomiendo leer las normas del foro y las reglas de las guias de usuarios y cualquier duda me la comunicas por mensaje privado, Emailo me contactas por chat-IRC

  • "ferro0033" is male

Posts: 21

Date of registration: Jul 14th 2010

Location: Chile

Servers: Alpha

  • Send private message

13

Saturday, August 7th 2010, 10:10pm

Buena guía es muy buena eso les sirvira a los nuevos jugadores que crean alianzas y no saben como poner imágenes, colores ,fondos ,etc
Libertad Honor


:gigante: La Unión Hace La Fuerza! :gigante:

  • "S-Titan" is male
  • "S-Titan" started this thread

Posts: 6

Date of registration: May 10th 2009

Location: Piriapolis

Servers: Zeta

  • Send private message

14

Thursday, August 12th 2010, 12:40am

Sir diego, gracias por el dato de mas contadores, ya lo edito y coloco.

-Kakashi-, es verdad no en todos los casos es necesario colocar <p>, pero me ha sucedido que si no lo coloco me queda con error, por mas que despues si el resto esta bien cuando pones guardar a veces te saca directamente el <p>, es solo para asegurar que quede bien.

saludos y gracias por los buenos comentarios y los que sepan de otra cosa a agregar comenten asi queda una guia finalmente completa!!

Tencher

Hilota

  • "Tencher" is male

Posts: 89

Date of registration: Dec 21st 2009

Servers: Zeta
Xi
Apollon

  • Send private message

15

Friday, August 20th 2010, 4:34pm

Hola, primero felicitarte por esta guia, me ha sido muy uitl. En segundo lugar, nose que pasa pero las letras de la linea de abajo quedan bastante juntas con las de arriba, no es problema del tamaño pk esta a 6, que tampoco es muy grande... Alguna ayuda?

Saludos 8-)

MaRcO PolO [Arkan]


;( SOH NUNCA TE OLVIDARÉ ;(

  • "adrianpv" is male

Posts: 16

Date of registration: Jun 28th 2009

Servers: Beta
Gamma

Alianzas: 906 y LNG

  • Send private message

16

Monday, August 23rd 2010, 10:47pm

RE: Creación paginas Externas - Internas

Bueno, he visto y he leído tu post. Pero hay una solución aún más fácil y sencilla, en la que puedes incluir muchísimas más fotografías y puedes editarlas y puedes crear efectos increíbles. La solución es creando un programa, es parecido al Photoshop, no es en si el photoshop... El programa en cuestión se llama Adobe Fireworks, y puedes crear los fondos, y paginas que deses, no hay límites... Puedes crear fondos para tu canal en Youtube, puedes modificar y poner títulos o puedes agrupar en una misma imagen tantas fotografías como quieras para colgarlas en Facebook o en Fotolog... Lo repito: No hay límites.
Bueno, he visto guías de Bbcode, html, pero ninguna explican bien como crear las paginas para ikariam con fondos, subir imágenes, cambiar tamaño, tipo de letra, colocar link para paginas o mandar solicitudes, etc.

Acá dejo esta guía que espero les sea de utilidad.


Lo Principal

Siempre que quieran comenzar un código debes comenzar con el símbolo de apertura (<) cierre (>)

Códigos para texto

Por ejemplo, el siguiente: <p align="center"><b><font color="#FFCC66" size="2" face="Arial"> texto que quieren que se vea </font></b></p>
1- <p align= " "es la alineación del texto a colocar puede ser izquierda "left", centrado "center" y derecha "rigth"

* siempre dentro de las comillas apertura y cierre (" ")
2 - <b> aquí es donde elijes si desean que el estilo de letra sea negrita </b>, cursiva </i> o subrayado </u>, si quieres solo estilo normal dejas la <b>.

3 - <font color= " " aquí colocas el codigo de color hexadecimal o bien el color en inglés (black, red, etc)

* siempre dentro de las comillas apertura y cierre (" "), aquí les dejo una pagina con los codigos de color hexadecimales (http://html-color-codes.info/codigos-de-…-hexadecimales/)

4 - size= " " eliges el tamaño del texto que deseas colocar, se coloca entre comillas en numeros "1" al "25 o mas" (puede ser el número que quieran pero cuidado que no quede muy grande ya que quedaria antiestetico)

5 - face= " " > estilo de letra, "Arial" "Caibri" "Time new roman" el que uds quieran, luego de elegido que estilo de letra van a visualizar, cierran el código (>) y escriben el texto que quieren que se vea en la pagina. Una vez finalizado el texto cierran el conjunto con lo siguiente </font></b></p>

Colocar imagenes

POR EJEMPLO EL SIGUIENTE CODIGO <p align="center"><img src="http://.jpg" alt=""></p>

1 - Es igual a colocar un texto, elijes donde estará ubicado <p align=" "> izquierda "left", centrado "center" y derecha "rigth"

2 - La imagen, si es una imagen que ya esta en internet, solo copias el link, sino debes subir la imagen a la web, recomiendo el siguiente asistente gratuito y muy fácil de usar "ImageShack" (http://imageshack.us/)

<img src= "link de la imagen" alt=""> y cierran el conjunto con </p>

Colocar links para solicitud para mensajes, paginas, foros
Bueno esto es muy útil para colocar accesos directos a envíos de membrecía para alianzas, paginas, foros o lo que quieran.

El código es el siguiente:

<p align="center"><a href="http:\\ link"><img src="http://.jpg" alt=""></a></p>

1 - El principio es igual al de colocar textos e imagenes, es donde eliges la ubicación (centrado, derecha o izquierda)

2 - <a href=" "> aquí es donde colocan el link de la pagina, foro o para enviar mensaje al Ministro del interior, Diplomatico, Lider o cualquier miembro que desen colocarl un acceso.

* Dejo el link de una guia que explica muy bien como encontrar los link de tu diplomatico, ministro o quien quieras citar en tus paginas creado por Darkshadow (gracias por dejarme incluir tu guia)
(http://board.es.ikariam.com/index.php?pa…threadID=208377)

3 - <img src="link de imagen" alt=""> Aquí colocas una imagen al acceso directo al link y cierras el conjunto con </a></p>

Cambiar color de fondo o una imagen
Fondo de un color - <div style="background-color:#000000;">Lo que se vera en la pagina, imagenes,texto, etc... </div>
Fondo con una imagen - <div style="background-image:url(http://.jpg);"> Lo que se vera en la pagina, imagenes,texto, etc... </div>

1 - Comienzan con la apertura <div style=

2 - "background-color:(codigo de color hexadecimal);"> es donde indicas de que color sera el fondo de la pagina.
- "background-image:url(http://.jpg);"> es donde colocas el link de la imagen a colocar como fondo de la pagina

Luego colocas el texto que quieren que se vea en la pagina, imagenes, el contenido de lo que sera la pagina y cierran todo el conjunto con </div> y listo!!

Contadores de visita


Lamentablemente el único ejemplo que solo conozco el de Andyhoppe ( http://www.andyhoppe.com/) pero pienso que para otras páginas de contadores seráa similar.

<a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1270352193" style="border:none;" alt="Counter"></a></font></b></p>

1 - apertura <a href=" seleccionan en la página de " www.andyhoppe.com " el estilo de contador y lo pegan dentro de las comillas " " y cierran el conjunto con </a></font></b></p>

Finalmente guardan y tienen el contador de visitas.

Aqui dejo otra pagina con mas contadores de visitas y muy originales - http://www.free-counter.com/ - Gracias Sir Diego por tu aporte.

Ejemplo de una pagina creada para que vean

Será una pagina con una imagen de fondo con color negro (ancho maximo 626 pixeles)
<div style="background-image:url(url de la imagen de fondo);">

Logo o nombre de la alianza
<p align="center"><img src="url de la imagen" alt=""></p>

Texto
<p align="center"><font color="#FFCC66" size="2" face="Ringbearer"> Somos la Cantera de la Alianza Argonath (A-WON)....... </font></p>

Imagen
<p align="center"><img src="url de la imagen" alt=""></p>

Texto tipo titulo.
<p align="center"><font color=" #FFFFFF" size="2" face="Ringbearer"> Los requisitos para el ingreso en la cantera son: </font></p>

Texto
<p align="center"><font color="#FFCC66" size="2" face="Ringbearer">- Deben ser miembros donadores en sus islas
- Jugadores activos

- Ganas de jugar y ser participativo en la alianza </font></p>

Imagen de Tratados de Paz
<p align="center"><img src="url de la imagen" alt=""></p>

Texto con las alianzas que hay Tratados
<p align="center"><font color=" #FFFFFF" size="2" face="Ringbearer"> Alianza Argonat - (A-WON) </font></p>

Una vez que no hay mas que colocar, cerramos con </div> y quedaría de la siguiente forma:

* Se pueden seguir colocando imagenes, texto, links, etc antes de cerrar.


  • "S-Titan" is male
  • "S-Titan" started this thread

Posts: 6

Date of registration: May 10th 2009

Location: Piriapolis

Servers: Zeta

  • Send private message

17

Sunday, August 29th 2010, 4:40am

RE: Creación paginas Externas - Internas

Esta buenisimo tu aporte, el tema que no todos tienen conocimientos de Photoshop o el programa que nombras, Adobe Fireworks.

Esto es una simple guia para la gente que solo sabe entrar al juego, crear una alianza y querer hacer aunquesea una pagina externa sencilla!!
Seria bueno que pases un tutorial o guia de ese programa e incluirlo en esta guia como alternativa para crear paginas. De esa forma quedaria aún mas completa la información y guia!!

Saludos y gracias

Batman

Hilota

  • "Batman" has been banned

Posts: 55

Date of registration: Sep 24th 2009

Servers: Omikron

  • Send private message

18

Monday, August 30th 2010, 4:15pm

muy buena gia









Batman

Hilota

  • "Batman" has been banned

Posts: 55

Date of registration: Sep 24th 2009

Servers: Omikron

  • Send private message

19

Monday, August 30th 2010, 4:20pm

:gamer: :gamer: :gamer: :gamer: muy buenisima gia









Glefa

Estratega

  • "Glefa" is female

Posts: 2,851

Date of registration: Sep 7th 2009

Location: Casita de Glefa

Servers: Ninguno

  • Send private message

20

Monday, August 30th 2010, 5:54pm

:gamer: :gamer: :gamer: :gamer: muy buenisima gia



esta sección es para postear aportando algo al post principal y no poner solo gracias o buena guía, acuidado con el spam o te llevaras una advertencia.
te recomiendo leer las normas del foro y las reglas de las guias de usuarios y cualquier duda me la comunicas por mensaje privado, Emailo me contactas por chat-IRC