Looking for a custom page template.

[xXSashaLeaXx]

Salutations proboards users, recently i've been working on my website which I use for a role playing group on the game, FeralHeart.

packofthevaliant.boards.net/

I'm wanting to add a custom home page, but i'm not brilliant with coding. :/

If possibly, is there anyone willing to make one? Or direct me to some templates for custom pages.

Thank you!
- Sasha

[Tumbleweed]

May 27, 2017 11:48:18 GMT -8 xXSashaLeaXx said:

Salutations proboards users, recently i've been working on my website which I use for a role playing group on the game, FeralHeart.

packofthevaliant.boards.net/

I'm wanting to add a custom home page, but i'm not brilliant with coding. :/

If possibly, is there anyone willing to make one? Or direct me to some templates for custom pages.

Thank you!
- Sasha

What all would you want on that custom home page? You know when you set up a custom page, there are skeleton layouts for you to choose from and widgets you can add, in case you haven't yet taken a look.

[xXSashaLeaXx]

May 27, 2017 16:43:22 GMT -8 Tumbleweed said:

May 27, 2017 11:48:18 GMT -8 xXSashaLeaXx said:

Salutations proboards users, recently i've been working on my website which I use for a role playing group on the game, FeralHeart.

packofthevaliant.boards.net/

I'm wanting to add a custom home page, but i'm not brilliant with coding. :/

If possibly, is there anyone willing to make one? Or direct me to some templates for custom pages.

Thank you!
- Sasha

What all would you want on that custom home page? You know when you set up a custom page, there are skeleton layouts for you to choose from and widgets you can add, in case you haven't yet taken a look.

Just a clean area to put text, i'm using the 'Blank' custom page to work with. So maybe one side with a 100x100 picture and the other side with a text box and then visa vera downwards like 5 times for a sufficient amount on information to go.
Oh is there? I'll try and find the skeleton layouts now.

[xXSashaLeaXx]

Oh and regarding the widgets, they're of no use to me. They're not what i'm looking for as a home page.

- I'm looking to have a generous soul make me a HTML for the custom page tab.

[Tumbleweed]

xXSashaLeaXx ,

I wasn't 100% sure I fully understood what you wanted by your description but something like this? Test site

I currently have the image so it stays in vertically centered but if you have a ton of text then that might look stupid. I don't know, let me know if that is a good starting point for you or if you need changes or if that is nothing like you meant.

[xXSashaLeaXx]

LATE REPLY

Yes, that's perfectly what I meant!

[Tumbleweed]

Jun 12, 2017 15:59:28 GMT -8 xXSashaLeaXx said:

LATE REPLY

Yes, that's perfectly what I meant!

No problem being late. Meanwhile I was doing some other testing and had stuff  appearing on the bottom of that template page. lol Sorry about that.

Here is the HTML:



<center>
<div id="custom_wrapper">
       <h2>This is the title of the page</h2>
<div id="first_line">
      <div id="the_image_right"><img src="http://placehold.it/100x100"> </div>
        <div id="custom_text_left">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  
    </div>
</div>
       <p style="clear:both;"></p>
<div id="first_line">
      <div id="the_image_left"><img src="http://placehold.it/100x100"> </div>
        <div id="custom_text_right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede <br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede  
    </div>
</div>
       <p style="clear:both;"></p>
<div id="first_line">
      <div id="the_image_right"><img src="http://placehold.it/100x100"> </div>
        <div id="custom_text_left">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  
    </div>
</div>
       <p style="clear:both;"></p>
<div id="first_line">
      <div id="the_image_left"><img src="http://placehold.it/100x100"> </div>
        <div id="custom_text_right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  
    </div>
</div>
       <p style="clear:both;"></p>
<div id="first_line">
      <div id="the_image_right"><img src="http://placehold.it/100x100"> </div>
        <div id="custom_text_left">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  
    </div>
</div>    
     
   </div>
</center>
<p style="clear:both;height:8px;"></p>
           


I'm giving the css to you with style tags around it because if you are like me, editing the css is easier if you have it in the custom page along with the HTML, so you can just have one page open while you edit. Once i get it styled the way I want, I then move it to my style sheet. Anyway, if you put the css in the custom page, just put at the top of the page and if you put it in the style sheet, just make sure you remove the style tags.

<style>
#custom_wrapper{width:800px;height:100%;margin:auto; background-color:#464d61;padding:8px;}
#custom_wrapper h2{font-size:28px;padding:12px 0px 12px 0px;color:#959bb0;font-weight:bold;}
#first_line{margin-bottom:8px!important;padding:8px;background-color:#959bb0; position:relative;
height:160px; overflow:auto;
}
#custom_text_left{float:left;height:100%;width:660px;text-align:justify;}
#custom_text_right{float:right;height:100%;width:660px; text-align:justify;}
#the_image_right{float:right;}
#the_image_left img{position:absolute; top:0; bottom:0; left:20px;margin:auto;
}
#the_image_right img{ position:absolute;top:0;bottom:0; right:20px;margin:auto;}
#the_image_left{float:left;
}
</style>
Any questions, just ask.