[Tutorial] Paquetes gráficos III

Estado
No está abierto para más respuestas.

DeletedUser82

Guest
los mapas no se tocan en ningun paquete grafico que no sea de innogames
 

DeletedUser

Guest
por si te sirve de algo te pongo mi antiguo paquete, tal vez lo puedas mejorar o simplemente editarlo, metí algunas opciones de otros CSS insertandolos todos en un solo CSS, de manera que quede compactado... y le faltaran cosas porke aun no existia iglesia cuando lo hice xD.

[SPOIL]
CSS de Khronos dijo:
a:link { font-weight:bold; color: #999966; text-decoration:none; }
a:visited { font-weight:bold; color: #999966; text-decoration:none; }
a:active { font-weight:bold; color: #FFFF00; text-decoration:none; }
a:hover { font-weight:bold; color: #FFFF00; text-decoration:none; }
td { font-size:9pt; }
.hidden { color:#CC3333; }
table.main { border-width:2px; border-style: solid; border-color:#804000; font-weight:bold; color: #808080; background-color:#330000; }
table.news { background-color:#FFFF00; }
.in_border { background-color:#FFFF00; text-align:left;}


span.timer_replace span { display:none; }

form { margin: 0px; }
p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child,
h5:first-child, h6:first-child, h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { margin-top: 0px; }

table.blind { border-spacing:0px; }
table.blind td { padding: 0px; }

table.vis td { background-color:#660000; }
table.vis td.selected { background-color:#663300; }
table.vis tr.nowrap td { white-space:nowrap; background-color:#660000; }
table.vis tr.units_own_home td { background-color:#FFFF00; }
table.vis tr.units_there td { background-color:#990000; }
table.vis tr.units_away td { background-color:#993333; }
table.vis tr.row_a td { background-color:#660000; }
table.vis tr.row_b td { background-color:#660000; }

tr.nowrap td { white-space:nowrap; }

table.intro td { background-color:#FFFF00; line-height:1.5em; padding:6px; font-size:8pt}

/* Tooltips Waffenkammer (mootools) */
.tool-tip{
width:250px;
background-color:#660000;
font-weight:bold; color:#808080;
z-index:9999;
}
.tool-title{
background-color:#330000;
font-weight:bold; color:#990000;
padding:2px;
}
.tool-text{
padding:5px;
}

/* Menüleiste */
table.menu {
border: 1px;
background-color: #434343;
}

/* Quickbar */
table.menu#quickbar {
border-spacing:1px;
}
/*aki en estos dos apartados siguientes me falla algo k deja un minimo espacio debajo de la separacion entre edificios de la quickbar ><*/
ul.quickbar {
border: 1px solid black;
background-color: #4B4B4B;
border-spacing:1px;
list-style-type:none;
padding:0;
margin:0 auto;
}
ul.quickbar li {
padding:1px;
padding-left: 4px;
padding-right: 4px;
white-space: nowrap;
background-color: #4B4B4B;
display:inline;
}

/* Top-Menü-Item mit Hover */
table.menu tr td, {
padding: 1px; padding-left: 4px; padding-right: 4px;
white-space: nowrap;
background-color: #4B4B4B;
background-image:url(graphic/background/grey.jpg);
}

/* Quickbar MenüItem */
table.menu#quickbar tr td {
padding-top: 0px; padding-bottom: 0px;
}

/* Das gesamte Untermenü */
table.menu tr td table {
z-index:100;
position:absolute;
border-top: 1px solid black;
border-top: 1px solid black;
margin-left: -5px; margin-top:1px;
visibility: hidden;
}

/* Das gesamte Untermenü in sichtbar */
table.menu tr td:hover table, table.menu tr td.hover table {
visibility: visible;
}

/* Ein Untermenüpunkt */
table.menu tr td table tr td {
border: 1px solid black;
background:#333333;
border-top: none;
}
/* Ein Link in einem Untermenüpunkt */
table.menu tr td table tr td a{
display: block;
width: 100%;
}

/* Forum */
.forum { background-color:#930000; border-width:1px; padding:1px; border-style:solid; border-color:#000000; white-space:nowrap; line-height:150%; }
.selected { background-color:#FFFF00; }

table.map_container { background-color: #660000; border: 1px solid rgb(225, 102, 11); }
table.map td { font-size:8pt; text-align:center; vertical-align:middle;}

td.space-left { border-left:1px solid #FFFF00; } /* zwischen normalen Feldern */
td.space-bottom { border-bottom:1px solid #FFFF00; }
td.border-left { border-left:1px solid #FFFF00; } /* "Sektorgrenzen" S1/S2/S6 */
td.border-bottom { border-bottom:1px solid #FFFF00; }
td.sector-left { border-left:1px solid #FFFF00; } /* Sektorgrenzen */
td.sector-bottom { border-bottom:1px solid #FFFF00; }

td.space-left-new {}
td.space-bottom-new {}
td.border-left-new { border-left:1px solid #930000; }
td.border-bottom-new { border-bottom:1px solid #930000; }
td.sector-left-new { border-left:1px solid #930000; }
td.sector-bottom-new { border-bottom:1px solid #930000; }
td.con-left-new { border-left:1px solid #000000; }
td.con-bottom-new { border-bottom:1px solid #000000; }

tr.center td { text-align:center; }
tr.lit td { font-weight:bold; background-color:#663300; }
tr.lit2 td { font-weight:bold; background-color:#993300; }
tr.admin td { background-color:#646464; }
tr.mini td { font-style: italic; font-size: x-small }
th { font-size:9pt; color: #930000; text-align: left; font-weight:bold; background-color:#330000; }
body { background-color: #000000; font-size:9pt; font-family: Verdana, Arial }
h1 { font-size:16pt;}
h2 { font-size:14pt;}
h3 { font-size:12pt; font-weight:bold; }
h4 { font-size:10pt; font-weight:bold; font-style:italic; margin-bottom:4pt}
h5 { font-size:10pt; font-weight:bold; margin-bottom:2pt}
img { border: none; }
img.middle { vertical-align:middle; }


.grey { color: gray; }
.warn { color: rgb(198, 198, 198); }
.error { color: rgb(180, 0, 0); font-weight:bold; }
.inactive { color: rgb(160, 160, 160); }
.nowrap { white-space: nowrap; }
.small { font-size: xx-small; }

hr { color: #242424; }
table.box { border-width:1px; border-style: solid; border-color:#000000; background-color:#646464; vertical-align: middle; }
table.box tr td { white-space:nowrap; }

input, select { font-size: 8pt; /*background-color:#242424;*/ }

input.attack { background-color: rgb(112, 55, 42) }
input.support { background-color: rgb(53, 105, 53) }

input.check { margin:0px; margin-right:5px; }

.inv_empty{
position:absolute;
height: 600px;
width: 430px;
z-index: 3;
}
Click para expandir ...
[/SPOIL]

Aun sigue, es muy largo xDD

[SPOIL]
CSS de Khronos dijo:
.inv_map{position:absolute; z-index:2;}

/* posicion de las cosas de la armeria */
.inv_archer{top:157px;left:193px;}
.inv_axe{top:257px;left:128px;}
.inv_catapult{top:0px;left:38px;}
.inv_heavy{top:24px;left:76px;}
.inv_light{top:56px;left:245px;}
.inv_marcher{top:217px;left:483px;}
.inv_ram{top:157px;left:361px;}
.inv_spear{top:43px;left:99px;}
.inv_snob{top:276px;left:398px;}
.inv_spy{top:264px;left:340px;}
.inv_sword{top:208px;left:336px;}

.empty{ position:absolute; z-index:3; left:0px; top:0px; width:639px; height:596px;}

.p_main{ position:absolute; z-index:2; left:194px; top:106px; }
.p_place{ position:absolute; z-index:2; left:334px; top:198px; }
.p_wood{ position:absolute; z-index:2; left:505px; top:332px; }
.p_stone{ position:absolute; z-index:2; left:0px; top:333px; }
.p_iron{ position:absolute; z-index:2; left:2px; top:0px; }
.p_statue{ position:absolute; z-index:2; left:182px; top:203px; }
.p_wall{ position:absolute; z-index:1; left:0px; top:0px; }
.p_farm{ position:absolute; z-index:2; left:237px; top:36px; }
.p_hide{ position:absolute; z-index:2; left:180px; top:293px; }

.p_storage{ position:absolute; z-index:2; left:96px; top:221px; }
.p_market{ position:absolute; z-index:2; left:407px; top:204px; }

.p_barracks{ position:absolute; z-index:2; left:356px; top:13px; }
.p_stable{ position:absolute; z-index:2; left:219px; top:222px; }
.p_garage{ position:absolute; z-index:2; left:46px; top:102px; }
.p_church{ position:absolute; z-index:2; left:179px; top:180px; }
.p_snob{ position:absolute; z-index:2; left:279px; top:294px; }
.p_smith{ position:absolute; z-index:2; left:146px; top:44px; }

/* Label(Stufenanzeigen) für fest positionierte Gebaeude */

.l_main{ position:absolute; display:none; z-index:3; left:228px; top:135px; }
.l_place{ position:absolute; display:none; z-index:3; left:371px; top:224px; }
.l_wood{ position:absolute; display:none; z-index:3; left:510px; top:333px; }
.l_stone{ position:absolute; display:none; z-index:3; left:16px; top:318px; }
.l_iron{ position:absolute; display:none; z-index:3; left:29px; top:0px; }
.l_statue{position:absolute; display:none; z-index:3; left:187px; top:190px; }
.l_wall{ position:absolute; display:none; z-index:3; left:482px; top:22px; }
.l_farm{ position:absolute; display:none; z-index:3; left:299px; top:39px; }
.l_hide{ position:absolute; display:none; z-index:3; left:184px; top:298px; }

.l_storage{ position:absolute; display:none; z-index:3; left:147px; top:223px; }
.l_market{ position:absolute; display:none; z-index:3; left:500px; top:231px; }

.l_barracks{ position:absolute; display:none; z-index:3; left:478px; top:12px; }
.l_stable{ position:absolute; display:none; z-index:3; left:277px; top:232px; }
.l_garage{ position:absolute; display:none; z-index:3; left:123px; top:99px; }
.l_snob{ position:absolute; display:none; z-index:3; left:285px; top:340px; }
.l_smith{ position:absolute; display:none; z-index:3; left:146px; top:63px; }

div.label { background-color: #598146; padding: 1px; border: 1px black solid; min-width:20px; color: white}
div.label_night { background-color: #202060; padding: 1px; border: 1px black solid; min-width:20px; color:white}
div.label a:link { color:#DDDDDD }
div.label a:visited { color:#DDDDDD }
div.label a:active { color:#DDDDDD }
div.label a:hover { color:white }

div.label_night a:link { color:#CCCCCC}
div.label_night a:visited { color:#CCCCCC}
div.label_night a:active { color:#CCCCCC}
div.label_night a:hover { color:white}
div.label img { display:none; }
div.label_night img { display:none; }
/* fin de lo ke no se pa ke vale */

table.quote td.quote_author { font-weight: bold; font-size: 8pt; }
table.quote td.quote_message { background-color:#930000; font-size: 8pt; }

.post { border: 2px solid #804000; background-color: #930000; padding:0px; margin-bottom:5px;}
.igmline { background-color:#330000; padding-left:4px; border-bottom:1px solid #804000; position:relative;}
.text { padding:6px; }
.date { font-size:x-small; right:5px; position:absolute;}
.right { right:5px; position:absolute; }

#igm_groups { position:absolute;z-index:100; border: 2px solid #804000; background-color:#242424;}
#igm_groups td { padding:2px; }

#igm_to { position:absolute; z-index:1; border: 2px solid #804000; background-color:#330000;}
#igm_to_content { background-color:#330000; height: 250px; width:200px; overflow:auto}
#igm_to td { padding:2px; }

#box{
color:black;
background-color : #242424;
width:100%;
height:200px;
text-align:left;
padding : 0px;
overflow:auto;
position:relative;
}

#inline_popup {
border: 2px solid #804000;
background-color:#ded3b9;
position:absolute;
display: none;
width:298px;
z-index:5;
}
#inline_popup_menu{
width:100%;
text-align:right;
}
#inline_popup_main{
overflow:auto;
height:300px;
width:288px;
background-image: url('../graphic/background/content.jpg');
padding:3px;
}

ul.help{padding-left:1px; margin-left:0px}
li.help{list-style-type:none; background-color:#FFFF00; margin:2px; padding-left:8px; padding-top:4px; padding-bottom:4px;}

ul.help li.help ul.help li.help{ background-color:#FFFF00; }
ul.help li.help ul.help li.help ul.help li.help { background-color:#930000; }
/*ul.help ul.help ul.help{background-color:#930000;}*/

ul.submenu{padding-left:1px; margin-left:0px}
li.submenu{list-style-type:none; margin:2px; padding-left:8px; padding-top:4px; padding-bottom:4px;}

a.sel { color:#0082BE; text-decoration:underline;}

.bonus_icon{background-image:url(../graphic/overview/bonus_icons.png);width:14px;height:14px;display:inline-block;margin-left:2px;}
.bonus_icon_1{background-position:0 0}
.bonus_icon_2{background-position:0 98px}
.bonus_icon_3{background-position:0 84px}
.bonus_icon_4{background-position:0 14px}
.bonus_icon_5{background-position:0 56px}
.bonus_icon_6{background-position:0 42px}
.bonus_icon_7{background-position:0 28px}
.bonus_icon_8{background-position:0 70px}

.server_info{
font-size: 7pt;
margin-top:0px;
margin-bottom:0px;
}

tr.menu_row2{
background:#666666;
}

table.mapCoords{
background:#666666;
}
Click para expandir ...
[/SPOIL]


Como ya mencioné pueden cambiarse las coordenadas de los edificios o las armas de la armeria, al menos antes, como se ve en el codigo .l_barracks{ position:absolute; display:none; z-index:3; left:478px; top:12px; } de posicionamiento de cuartel :p

Estas haciendo un gran trabajo, Grunin, ojala no lo dejes a medias como suele pasarnos a todos.

Los mapas no llevan CSS, simplemente modifica las imagenes del paquete grafico y harán el cambio, cualquier otra cosa te será imposible, no obstante mirando el codigo fuente ves cosas como <table class="map_container"> por lo que no seria muy dificil crear una class en el CSS que ejecutara el mapa como tu desees, lo unico malo es que debes anular el anterior.

Para saber ke cosas carga un css y cuales no escribe la direccion a un css k no exista, el juego saldra todo en blanco menos lo ke no se pueda cambiar (foro, mapa, etc)
 
Última edición por un moderador:

DeletedUser5353

Guest
soy medio bestia en el aspecto de programacion y demas, seguramente es una pregunta totalmente bestia, pero no se puede mantener la grafica 5.0 y cambiarles los iconos¡? me explico mejor, tener la grafica del pueblo tal cual esta y ponerle los iconos de unidades y edificios como por ejemplo el new style¡?
 

DeletedUser

Guest
si, se podria sin problemas, en 5 minutos lo tienes hecho... ala, ponte a currar ke estoy vago este año xD.

Grunin, algun avance?
 

DeletedUser5243

Guest
parecia que eran buenos trabjos lo malo que los links ya no sirven
 

DeletedUser

Guest
Bueno aqui tengo algunos mas...

Menu Perfilado:
[SPOIL]
menute.png
[/SPOIL]

Arhivo Grafico: Se deja en Blanco
CSS: http://adamarc.ad.funpic.de/ds/style2.css

NO se debe seleccionar la opción "El paquete gráfico está basado en la versión 4.x de Guerras tribales."

Luna
[SPOIL]
colonise_village.jpg
[/SPOIL]

Archivo Grafico:
http://community.tribalwars.nl/grafisch/colonise/graphic

CSS:
http://community.tribalwars.nl/grafisch/colonise/stamm.css

Mezquita
[SPOIL]
moslem_village.jpg
[/SPOIL]

Archivo Grafico:
http://community.tribalwars.nl/grafisch/moslem/

CSS:
Dejarlo en Blanco

No activar el 4x

Oeste

[SPOIL]
the-west_village.jpg
[/SPOIL]

Archivo Grafico:
http://community.tribalwars.nl/grafisch/west/

CSS:
http://community.tribalwars.nl/grafisch/west/west.css

Activar el 4x

Muy Clasico

[SPOIL]
classic_village.jpg
[/SPOIL]

Archivo Grafico:
http://community.tribalwars.nl/grafisch/classic

CSS:
http://community.tribalwars.nl/grafisch/classic/classic.css

Activar el 4x

Fiesta

[SPOIL]
party_village1.jpg
[/SPOIL]

Archivo Grafico:
http://community.tribalwars.nl/grafisch/party/

CSS:
http://community.tribalwars.nl/grafisch/party/stamm.css

No activar el 4x

Bob Esponja

[SPOIL]
spongebob_village.jpg
[/SPOIL]

Archivo Grafico:
http://community.tribalwars.nl/grafisch/spongebob/

CSS:
http://community.tribalwars.nl/grafisch/spongebob/stamm.css

No activar el 4x

Futurista

[SPOIL]
greyn_village.jpg
[/SPOIL]

Archivo Grafico:
http://community.tribalwars.nl/grafisch/greyn/

CSS:
http://community.tribalwars.nl/grafisch/greyn/steamme.css

No activar el 4x

Lo malo de estos es qe algunos dan algunos fallos pero la mayoria estan bien espero les guste
 
Última edición por un moderador:

DeletedUser

Guest
el de bob esponja es un puntazo jajaj. sois unos hachas, algun dia me pondre a intentarlo a ver si consigo poner alguno guapo.
 

DeletedUser

Guest
Hola sejoni me ganaste de mano a mi tambien me gusto el de bob sponja jaja xD
 

DeletedUser6484

Guest
En todos los que encuentro de CSS les encuentro fallos.
Ayer los estube probando y algunos pueblos no los veo en el mapa, aparte de cuando atacas a algo y te sale el signo de que estas atacando en el mapa se ve arriba del pueblo con un rectangulo gris y no como salia antes encima del pueblo.
 

DeletedUser

Guest
Hola, estaba interesado en bajar el paquete de Warcraft II pero me da error.

Algún mirror?
 

DeletedUser11338

Guest
Paquete Grafico

Estoy buscando por ahí y no encuentro nada que funcione por lo menos nada que me agrade.

Si el tribales tiene la opción en Premium es xq existen, pero ningún ambiente modernizado (hablo de la visión del pueblo y mapa). He visto muchos muñequitos y lucecitas y el único que me gustaba no me lo carga bien (De Romanos, creo, hace tiempo).

ALGUIEN ME PUEDE AYUDAAARRR!!!!!
 

DeletedUser

Guest
hay alguna forma de mezclar elpuevlo de nation con el fondo negro de vista?

poque asi seria perfecto para mi...
o alguno que sea cmo metalero xD
 

DeletedUser

Guest
Pienso lo mismo que anubis, nunca use los paquetes graficos, tengo premium, pero ni idea como activarlos
 
Estado
No está abierto para más respuestas.
Arriba