The RPG sheet appearance

Hello everybody,

Here I am, again with my RPG sheet !...

This time, I'd like to know if it was possible or not, to make this : https://prnt.sc/vremn2

look like this : https://prnt.sc/vrenal

The first screen is how the sheet appears to everyone when you go on the rpg sheet url of a given character. The second screen, is the display shown when an admin tries to modify the sheet (change the stats and all).

hello

please post the sheet viewable for guests

You can use the Guest account :

Guest
guest123

and look at this sheet for example : https://continentem.forumactif.com/u20rpg

thank you
do you have also the other page you want as a result the url to view it ?

You'd need to be an admin. Create a personal account, i'll make you admin, so you can see it !

you need only a border to each field ?

More or less yes. With a good alignment aswell you know. I think it has something to do with the rpg sheet template, but I don't know how i can modify it.

how is this?

The borders aren't good for the left part of the sheet. And for the rest, as you see, it just creates borders around the things, but it doesn't give this "panel" look, as it is in my second screen

We can not copy the exact style from another forum unless you have the founder’s agreement

What do you mean ? + I am the founder !

Where did you see this design you want?

In my own forum. It appears when I try to modify a sheet, but otherwise, it's as I said

So you want both pages to be the same?

I thought the second page was from another forum

did you try to remove any css you have for the sheet to undo any changes or use the default template ?

It is like that from the beginning. I tried some tweaks, but I don't find the right one.

And yes, I want them to be similar for the right part of the sheet.

can you paste here the template using the tags please

The rpg sheet template :

Code:

<h1 class="page-title">{L_VIEWING_PROFILE}</h1>
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
   <div class="column1">
   <p>{POSTER_RANK} {RPG_IMAGE}</p>
   <fieldset>
      <!-- BEGIN rpg_fields_left -->
      <dl>
         <dt><label>{rpg_fields_left.F_NAME} :</label></dt>
         <dd>{rpg_fields_left.F_VALUE_NEW}</dd>
      </dl>
      <!-- END rpg_fields_left -->
   </fieldset>
   </div>
   <div class="column2">
   <fieldset>
      <!-- BEGIN rpg_fields -->
      <dl>
         <dt><label>{rpg_fields.F_NAME} :</label></dt>
         <dd>{rpg_fields.F_VALUE_NEW}</dd>
      </dl>
      <!-- END rpg_fields -->
   </fieldset>
   </div>
   <span class="corners-bottom"><span></span></span></div>
</div>
<br />


Here is the template of the "rpg edit" :

Code:

<!-- BEGIN switch_menu -->
{UCP_TABS}
<!-- END switch_menu -->

<div class="panel row3">
   <div class="inner">
      <span class="corners-top"><span></span></span>

      <div id="cp-main" class="ucp-main">
         <h1 class="page-title">{L_VIEWING_PROFILE}</h1>
         <div class="panel">
            <div class="inner"><span class="corners-top"><span></span></span>
               <p style="text-align: center;">{POSTER_RANK}<br />{RPG_IMAGE}</p>
            <span class="corners-bottom"><span></span></span></div>
         </div>
         <form action="{U_ADMIN_RPG}" method="post" name="post">
         <h1 class="page-title">{L_AVATAR_PANEL}</h1>
         <div class="panel">
            <div class="inner"><span class="corners-top"><span></span></span>

            <fieldset>
               <dl>
                  <dt><label>{L_UPLOAD_AVATAR_URL}</label></dt>
                  <dd><input type="text" name="avatarurl" value="{AVATAR_URL}" class="inputbox" />
                     <br /><span class="italic">{L_UPLOAD_EXPLAIN}</span>
                  </dd>
               </dl>
               <span style="color:red">{L_AVATAR_ERROR}</span>
            </fieldset>

            <span class="corners-bottom"><span></span></span></div>
         </div>

         <div class="panel panel-left">
            <div class="inner"><span class="corners-top"><span></span></span>
            <fieldset>
            <!-- BEGIN rpg_fields_left -->
            <dl>
               <dt><label>{rpg_fields_left.F_NAME}</label></dt>
               <dd>{rpg_fields_left.F_VALUE_NEW}</dd>
            </dl>
            <!-- END rpg_fields_left -->
            </fieldset>
            <span class="corners-bottom"><span></span></span></div>
         </div>

         <div class="panel panel-right">
            <div class="inner"><span class="corners-top"><span></span></span>
            <!-- BEGIN rpg_fields -->
            <fieldset>
               <dl>
                  <dt><label>{rpg_fields.F_NAME}</label></dt>
                  <dd>{rpg_fields.F_VALUE_NEW}</dd>
               </dl>
            </fieldset>
            <!-- END rpg_fields -->
            <span class="corners-bottom"><span></span></span></div>
         </div>
         <div class="clear"></div>

         <fieldset class="submit-buttons">
            <input type="submit" name="submit" value="{L_VALID}" class="button1" />
            <input class="button2" type="reset" name="reset" value="{L_RESET}" />
            <input type="hidden" name="username" value="{U_ID}" />
            <input type="hidden" name="mode" value="valid" />
         </fieldset>
         </form>
      </div>
      <div class="clear"></div>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>

you must a lot of css i see many images on your sheet