So, now that i got pretty much the base for my browser based game i want to start working on the GFX.
Ok so i got a menu panel, that will have a fixed size and stuff so a simple bg image can work, then i got another panel that can have various sizes depending on the content of the panel, and that panel is for the current page being showed.
So what i want is to make like a basic panel image for that, lets call it changing panel, and i want it to resize as it goes bigger or smaller... Of course having a limit, just one note is that the panel just needs to get bigger from up to bottom, the sides are the same.
Here's the .css configuration of those panels:
Changing panel:
Code: Select all
#igactivemenu { /** menu selecionado (aquele que aparece quando escolhes aldeia ou mundo, etc..) **/
outline-color:#000;
height:auto;
outline-style:solid;
outline-width:thin;
text-align:justify;
background:#666;
padding:10px;
position:absolute;
left:28%;
right:28%;
top:230px;
}
Code: Select all
#igmainmenu { /** menu principal (Aldeia,Mundo,ect...) **/
outline-color:#000;
outline-style:solid;
outline-width:thin;
font-size:15px;
text-align:center;
background:#666;
padding:10px;
position:absolute;
left:8%; /** isto é para ficar no centro tipo mesmo se puseres 20% ou outro valor qualquer fica centrado **/
right:80%;
top:230px;
height:350px; /** vai aumentando/diminuindo conforme as cenas que tens po menu **/
}