Mysidia Adoptables Support Forum  

Home Community Mys-Script Creative Off-Topic
Go Back   Mysidia Adoptables Support Forum > Mysidia Adoptables > Questions and Supports

Notices

Reply
 
Thread Tools Display Modes
  #11  
Old 04-03-2018, 01:44 PM
goofyunicorn's Avatar
goofyunicorn goofyunicorn is offline
Kelpie
 
Join Date: Feb 2018
Location: Unicorn Land
Posts: 101
Gender: Female
Credits: 12,674
goofyunicorn is on a distinguished road
Default

Quote:
Originally Posted by Dinocanid View Post
$10 maybe? You could also make your own theme like this:
  • Create a new subfolder inside "templates" and name it whatever you want (I don't recommend names with spaces)
  • Create 3 new files: header.tpl, style.css, template.tpl. Inside header.tpl, paste this and save it:
    HTML Code:
    <html>
    <head>
    {$header->loadFavicon("{$home}favicon.ico")}
    {$header->loadStyle("{$home}{$temp}{$theme}/media/style.css")}
    {$header->loadStyle("{$home}{$css}/menu.css")}
    {$header->loadAdditionalStyle()}
    <!--[if lte IE 6]>
    {$header->loadStyle("{$home}{$css}/media/dropdown_ie.css")}
    <![endif]-->
    </head>
    For style.css, you could start off by copying the code from style-city.css and adjusting stuff how you like.
  • Inside template.tpl is where most of the layout goes. You can arrange where you want things to go with HTML in here. {$document_title} shows the title of whatever page you're on, {$document_content} shows the page content, {$menu} shows the dropdown menu, etc.
    It is also possible to add your own menu from scratch instead of using {$menu} (which I personally find easier). Here is an example of one I made with Bootstrap:
    HTML Code:
    <nav class="nav nav-fill" style="background-color: #0f0f0f; width:900px; font-family:'Bubblegum Sans', cursive; font-size:100%;">
      {if $logged_in}  
      <a class="nav-item nav-link active" href="/exploring" style="font-size:16px;"><i class="far fa-compass"></i> Explore</a>
      <a class="nav-item nav-link active" href="/tasklist" style="font-size:16px;"><i class="fas fa-paw"></i> Quests</a>
      {/if}
      <a class="nav-item nav-link active" href="/wiki" style="font-size:16px;"><i class="fas fa-book"></i> Wiki</a>
      <a class="nav-item nav-link active" href="http://wild-souls-game.proboards.com/" style="font-size:16px;"><i class="fas fa-users"></i> Forum</a>
    </nav>
  • Go to the adminCP and click "add new theme". Only fill in the first 2 fields (folder name must be the same as the one you created), and click the checkbox before submitting. Now you should be able to try it out at "yoursite.com/changestyle"
Oh wow great! So how do I customise it?
__________________

Check out my Adoptable's Site! Art by the wonderful Eyesauce.
Reply With Quote
  #12  
Old 04-03-2018, 01:51 PM
Dinocanid's Avatar
Dinocanid Dinocanid is offline
Member
 
Join Date: Aug 2016
Location: Maryland, USA
Posts: 516
Gender: Unknown/Other
Credits: 63,630
Dinocanid is on a distinguished road
Default

Quote:
Originally Posted by goofyunicorn View Post
Oh wow great! So how do I customise it?
To customize it, you'll have to tamper with the css and template.tpl file. The template file is where most of it will be though. Here's an example of a template using the tutorial layout from W3schools:

HTML Code:
<body>

<div class="container">

<header>
   <h1>Site name or Logo</h1>
</header>
  
<nav>
  <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
  </ul>
</nav>

<article>
  <h1>{$document_title}</h1>
  <p>{$document_content}</p>
</article>

<footer>Copyright info goes here</footer>

</div>

</body>
</html>
__________________
Reply With Quote
  #13  
Old 04-03-2018, 03:06 PM
goofyunicorn's Avatar
goofyunicorn goofyunicorn is offline
Kelpie
 
Join Date: Feb 2018
Location: Unicorn Land
Posts: 101
Gender: Female
Credits: 12,674
goofyunicorn is on a distinguished road
Default

Quote:
Originally Posted by Dinocanid View Post
To customize it, you'll have to tamper with the css and template.tpl file. The template file is where most of it will be though. Here's an example of a template using the tutorial layout from W3schools:

HTML Code:
<body>

<div class="container">

<header>
   <h1>Site name or Logo</h1>
</header>
  
<nav>
  <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
  </ul>
</nav>

<article>
  <h1>{$document_title}</h1>
  <p>{$document_content}</p>
</article>

<footer>Copyright info goes here</footer>

</div>

</body>
</html>
Would you take credits or currency for Beau's Aviary for a theme or is that not enough? :)
__________________

Check out my Adoptable's Site! Art by the wonderful Eyesauce.
Reply With Quote
  #14  
Old 04-03-2018, 03:49 PM
Dinocanid's Avatar
Dinocanid Dinocanid is offline
Member
 
Join Date: Aug 2016
Location: Maryland, USA
Posts: 516
Gender: Unknown/Other
Credits: 63,630
Dinocanid is on a distinguished road
Default

Quote:
Originally Posted by goofyunicorn View Post
Would you take credits or currency for Beau's Aviary for a theme or is that not enough? :)
I could do it without charge honestly, since I'm not really confident enough in my CSS skills to commission themes regularly (I still need a lot of practice).
__________________
Reply With Quote
  #15  
Old 04-03-2018, 05:06 PM
goofyunicorn's Avatar
goofyunicorn goofyunicorn is offline
Kelpie
 
Join Date: Feb 2018
Location: Unicorn Land
Posts: 101
Gender: Female
Credits: 12,674
goofyunicorn is on a distinguished road
Default

Quote:
Originally Posted by Dinocanid View Post
I could do it without charge honestly, since I'm not really confident enough in my CSS skills to commission themes regularly (I still need a lot of practice).
Would you be able to have a go at one for me? I am going to do a picture for the back ground and then I will send it to you if you don't mind. :)
__________________

Check out my Adoptable's Site! Art by the wonderful Eyesauce.
Reply With Quote
  #16  
Old 04-03-2018, 05:45 PM
Dinocanid's Avatar
Dinocanid Dinocanid is offline
Member
 
Join Date: Aug 2016
Location: Maryland, USA
Posts: 516
Gender: Unknown/Other
Credits: 63,630
Dinocanid is on a distinguished road
Default

Quote:
Originally Posted by goofyunicorn View Post
Would you be able to have a go at one for me? I am going to do a picture for the back ground and then I will send it to you if you don't mind. :)
Sure! I would need an example or something of how you want the theme to look though.
__________________
Reply With Quote
  #17  
Old 04-04-2018, 06:18 AM
goofyunicorn's Avatar
goofyunicorn goofyunicorn is offline
Kelpie
 
Join Date: Feb 2018
Location: Unicorn Land
Posts: 101
Gender: Female
Credits: 12,674
goofyunicorn is on a distinguished road
Default

Quote:
Originally Posted by Dinocanid View Post
Sure! I would need an example or something of how you want the theme to look though.
Here is the background.

I was hoping that it would be white with this as the main background picture with the footer and header being just plain white. If possible, could the titles and headers be the colour of the blue feathers and then the rest of the text the colour of the grey feather? :)

  Spoiler: Photo 
__________________

Check out my Adoptable's Site! Art by the wonderful Eyesauce.
Reply With Quote
  #18  
Old 04-04-2018, 10:18 AM
Dinocanid's Avatar
Dinocanid Dinocanid is offline
Member
 
Join Date: Aug 2016
Location: Maryland, USA
Posts: 516
Gender: Unknown/Other
Credits: 63,630
Dinocanid is on a distinguished road
Default

Quote:
Originally Posted by goofyunicorn View Post
Here is the background.

I was hoping that it would be white with this as the main background picture with the footer and header being just plain white. If possible, could the titles and headers be the colour of the blue feathers and then the rest of the text the colour of the grey feather? :)

  Spoiler: Photo 
Sure! How would you want it to look layout-wise though?
__________________
Reply With Quote
  #19  
Old 04-04-2018, 10:31 AM
goofyunicorn's Avatar
goofyunicorn goofyunicorn is offline
Kelpie
 
Join Date: Feb 2018
Location: Unicorn Land
Posts: 101
Gender: Female
Credits: 12,674
goofyunicorn is on a distinguished road
Default

Quote:
Originally Posted by Dinocanid View Post
Sure! How would you want it to look layout-wise though?
I would like the fonts to be Cutie Patootie Skinny is that is okay? The text being around 23 px. The Menu at the top and then the User Links etc at the side like normal. :) Buttons plain white with maybe an icon on the left of each button which is one of the feathers off the background, just very small. User friendly interface and preferably mobile friendly if possible. If you need more info let me know :) May I ask how long it will take for you to make this? No rush, it is just out of interest. :)
__________________

Check out my Adoptable's Site! Art by the wonderful Eyesauce.

Last edited by goofyunicorn; 04-04-2018 at 10:36 AM.
Reply With Quote
  #20  
Old 04-04-2018, 10:59 AM
Dinocanid's Avatar
Dinocanid Dinocanid is offline
Member
 
Join Date: Aug 2016
Location: Maryland, USA
Posts: 516
Gender: Unknown/Other
Credits: 63,630
Dinocanid is on a distinguished road
Default

Quote:
Originally Posted by goofyunicorn View Post
I would like the fonts to be Cutie Patootie Skinny is that is okay? The text being around 23 px. The Menu at the top and then the User Links etc at the side like normal. :) Buttons plain white with maybe an icon on the left of each button which is one of the feathers off the background, just very small. User friendly interface and preferably mobile friendly if possible. If you need more info let me know :) May I ask how long it will take for you to make this? No rush, it is just out of interest. :)
I might have it ready for you by the weekend, but I'll send progress screenshots as I go along. Most of the time will be making sure everything scales well on smaller/mobile devices, since that's the most tricky.
__________________
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 10:42 AM.

Currently Active Users: 401 (0 members and 401 guests)
Threads: 4,080, Posts: 32,024, Members: 2,016
Welcome to our newest members, jolob.
BETA





What's New?

What's Hot?

What's Popular?


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, vBulletin Solutions Inc.
vBCommerce I v2.0.0 Gold ©2010, PixelFX Studios
vBCredits I v2.0.0 Gold ©2010, PixelFX Studios
Emoticons by darkmoon3636