Faddah Style

Hello

Faddah is an Arabic word which means "Silver" and I used this word as a ttitle for this skin because I used silver color as the main color in the design.

The skin is a fixed skin with Google Adsense added to both header and footer along with a scrolling text marquee and the login area added to the header.

I hope you like it



Skin Colors:

Silver, Dark Blue, Dark Purple and light blue



Skin Design:

- Header design

- Footer Design

- Buttons Design

- Status Icons Design

- Gradients Design


Code Changes:

- Adsense added to both header and footer

- Login and PM area added to the header and removed from the navbar template.

- A marquee has been added to the header

- Extra buttons for arcades, gallery and store have been added to the header.



Zip File Content:


-FH_Faddah folder : Style images folder (upload)

-FH_Faddah.xml file : import this through your admincp

-PSD files folder : Layer psd files for the style (not to be uploaded)

-logo Folder : contains empty logo pic to place your logo on. After placing your logo on this pic, upload it to forums/images/FH_Faddah
(note: don't change the pic name or it will not show)

-empty-buttons Folder : contains an empty version of the buttons used in the design so you can add what ever you want to them.

-README.txt



Screenshot:



Demo:

For a demo click here


Version 2 Released:
Fixes a small problem in the width of the "Last Post" cell.


This skin has been tested on both FireFox and Internet Explorer with the latest releases. Please don't hesitate to report any bugs or to mention your openion.

Thank you

[EnIgMa1234]

Yo eg man i really screwed this up trying to add the arkade link, can you please help em with this.

<TD COLSPAN="29"><IMG SRC="images/FH_Faddah/header_22.gif" WIDTH="928" BORDER="0" HEIGHT="20"></TD>
<TD><IMG SRC="images/FH_Faddah/space.gif" WIDTH="1" BORDER="0" HEIGHT="20"></TD>
</TR>
<TR>
<TD COLSPAN="3" ROWSPAN="6"> <a href="http://www.miami-space.com/forums/arcade.php"> <IMG SRC="images/FH_Faddah/header_23.gif" WIDTH="90" BORDER="0" HEIGHT="43"></a></td>
</TR>
<TD COLSPAN="2"><IMG SRC="images/FH_Faddah/header_24.jpg" WIDTH="90" BORDER="0" HEIGHT="1"></TD>
<TD COLSPAN="2"><IMG SRC="images/FH_Faddah/header_24.jpg" WIDTH="90" BORDER="0" HEIGHT="1"></TD>
<TD COLSPAN="3" ROWSPAN="5"><IMG SRC="images/FH_Faddah/header_25.gif" WIDTH="71" BORDER="0" HEIGHT="42"></TD>

whats wrong there?.. what did i do? can you please give me the code back to normal?

[egtrix]

can you please send me your complete header code now

[egtrix]

your forum just looks fine when i visit:
http://www.miami-space.com/forums/index.php
http://www.miami-space.com/forums/arcade.php
nothing strange

[MoveOver.cc]

can you please advise what I need to do to add a link to the buttons.

Thanks

[slappy]

Look in your AdminCP -> Styles & Templates -> Style Manager -> FH_Faddah Style -> header template..

If you put "register" in the "Search in Template" box and hit "Find" you will see the location where the "Register" Button is called. That code is:

<TR>
		<TD COLSPAN="4" ROWSPAN="2"><a href="register.php$session[sessionurl_q]"><IMG SRC="images/FH_Faddah/header_7.gif" alt="Register" WIDTH="104" HEIGHT="15" BORDER="0"></a></TD>
		<TD COLSPAN="9"><IMG SRC="images/FH_Faddah/header_8.gif" WIDTH="260" BORDER="0" HEIGHT="7"></TD>
		<TD><IMG SRC="images/FH_Faddah/space.gif" WIDTH="1" BORDER="0" HEIGHT="7"></TD>
	</TR>

What this is, is a "Row" ( <TR> ) for the instructions for the Register Button, which is found in /images/FH_Faddah/header_8.gif (view as Thumbnail and you will see the .gif as a picture).

Arcade is "header_23"; Gallery is "header_27"; and Store is "header_25".

You will find their code by searching for the "header_x" numbers.

Here's the Code for "Arcade":

<TR>
		<TD ROWSPAN="5"><IMG SRC="images/FH_Faddah/header_27.gif" WIDTH="89" BORDER="0" HEIGHT="42"></TD>
		<TD ROWSPAN="4"><IMG SRC="images/FH_Faddah/header_28.jpg" WIDTH="1" BORDER="0" HEIGHT="41"></TD>
		<TD><IMG SRC="images/FH_Faddah/space.gif" WIDTH="1" BORDER="0" HEIGHT="4"></TD>
	</TR>

Comparing it to the one for Register, it is missing an ""<a href=""> to an Arcade add-in and an alt=" " reference, which I suspect should be: 'Gallery'. These items would, hopefully be supplied by whomever made what you were trying to add-in. In your original folder, you also have "empty" buttons you could use to create your own link to something other than the 3 "empty" links in the Header by default.

When he drops by, egtrix can straighten out anything I may not have gotten completely correct.

Regards,

[egtrix]

Many thanks slappy for explaining
MoveOver.cc , please let me know if you need anything else

[Stop]

WoW,
It's just what I neeeeeed.
Surely Installed.

[egtrix]

Hey Stop
Really glad that you like it

[Darwa]

Undeniably one of the most gorgeous skins I've even seen.

I'm a relative n00b at all this and I was unable to replace my 'donations' link on the navbar and other things. Also, I would have liked it to fit my screen at 1600x1200 resolution.

[egtrix]

Darwa, many thanks for your nice words
Don't worry about being new to this stuff, it's a matter of few weeks and you will get more than enough knowledge
I will release a new version of this skin in a month with much more option including donation button and some extra buttons but as for the resolution, I have to stick to low forum width because there are still people who are using 800x600 pixels reolution.
Thanks again