Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Stories Widget Assistance with customization please.
Kayodous (New Admin) 2/5/2010 4:19 PM EST : Stories Widget Assistance with customization please.

Kayodous
Posts: 22
Becoming Adept!

Alright so customizing my site and, as many will say, mottie has been an enormous help.

I am using the stories widget for a library section on my guilds site and wanting to customize the background of the area where the actual story appears for each chapter.

any assistance would be wonderful.

Can reach my main site at  http://the-syndicate.info/


Thank you.
TopBottom

Mottie (MVP) 2/7/2010 10:04 PM EST : RE: Stories Widget Assistance with customization plea...
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Kayodous!

I'm glad that I have been some help to you *bow*

As for adding a background to your stories, you can easily add the CSS to each chapter that you add!

At the beginning of each story (actually you can add this anywhere within the story) add the following. But switch the editor to <> HTML mode.
Gradient Example (using the GuildPortal Admin Community background image)
As you can see the gradient starts with purple at the top and fades to black. So the background color #000 matches the bottom part of the gradient to give a smooth transition. The image itself is only 1 pixel wide, so a "repeat-x" is included to make it repeat all the way across the screen.
<style type="text/css">
 #chapterReader { background: #000 url(http://www.axiomfiles.com/Images/Dynamic/790FAE_000000_v_30_hi.png) top center repeat-x; }
</style>
Large background image example
This image is from one of the themes I use - it's pretty big 1700 x 1322. So it should be more than sufficient to be an inner background. It is set to repeat horizontally and vertically but you might never see this.
<style type="text/css">
 #chapterReader { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/background32.jpg) top center; }
</style>
To customize either script, replace the image URL in orange with the image you want to use.

It also appears that you are posting your stories from Word. I just wanted to make sure you know to use the Paste from Word button in the editor (6th button in from the left in the top row), but maybe you already are doing this, it's hard to tell sometimes 

If you need help with anything else, please feel free to message me or post the question here in the admin forums. We all try to help out here! 

TopBottom

Kayodous (New Admin) 3/15/2010 3:07 PM EST : RE: Stories Widget Assistance with customization plea...

Kayodous
Posts: 22
Becoming Adept!

actually I did not.  Thank you very much for your help here.  Things got a little crazy for me.  moving, switching games because of drama, yadda yadda yadda.  you know the drill I'm sure.  Thank you very much for your help though.  It is greatly appreciated.
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%