Abeer Multi Advanced Style

[egtrix]

http://www.vbalien.com/images/abeer.jpg


Demo:
For a vBulletin 3.7 demo please click here (http://www.vbalien.com/forums/free-vbulletin-skins/38-abeer-multi-advanced-style.html#post51).

Description:
I have already released a vBulletin style on our old website that had the name of Abeer Style and here the skin comes back again with a different layout and different look and more advanced features. These features includes all the navigation system is included in the very top of the header with drop down menus. Also I have used a lot of CSS to customize the backgrounds, gradients and font styles.

Also we called this skin "Multi Advanced" because this skin can be used with any forum subject as the computer image at the top of the header can be changed to any other image that suits your forums.

Skin Information:
Skin Name: Abeer Multi Advanced Style ( vBulletin Abeer Multi Advanced Skin )
Skin Width: 940 px (Fixed Width)
Skin Compatibility: vBulletin 3.7.0 (or what is called vBulletin 3.7 Gold Release )
Templates Change level: Maximum (Lot of templates and objects classes changed)
Design Source File: Photoshop (PSD)

Skin Log:
- July 06 2008: Skin updated to vBulletin 3.7.2 and security token issue fixed.

PSD Files:
The header and the buttons PSD files are included.

Downloading PSD Files, Empty Logo Image:
To download the empty logo image and the PSD files and the empty header image (to replace the computer image), please download them here or at:
Source Files (http://www.vbalien.com/forums/free-vbulletin-skins/38-abeer-multi-advanced-style.html)

Changing Logo & Computer Image:
1- To change the logo:
- Download the Source Files (http://www.vbalien.com/forums/f13/abeer-multi-advanced-style-38) and extract them
- Open the folder named "empty-logo" and edit the gif file using any photo editor or graphics program.
- Save the file with the same name (don't change the file name or it will not work).
- Upload the file to YourForumRoot/images/VA_Abeer and over write the existing file.

2- To change the computer image:
- Download the Source Files (http://www.vbalien.com/forums/f13/abeer-multi-advanced-style-38) and extract them
- Open the folder named "empty-header-image" and edit the gif file using any photo editor or graphics program.
- Save the file with the same name (don't change the file name or it will not work).
- Upload the file to YourForumRoot/images/VA_Abeer and over write the existing file.

3- To remove the computer image and leave the area empty:
- Download the Source Files (http://www.vbalien.com/forums/f13/abeer-multi-advanced-style-38) and extract them
- Open the folder named "empty-header-image".
- Upload the file to YourForumRoot/images/VA_Abeer and over write the existing file.

Adding link to the "quick links" drop down menu in the top navigation bar:
1- Open your navbar template (Navigation / Breadcrumb Templates --> Navbar)
2- Find:
<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr>3- Above the code place your link using the following format:
<tr><td class="vbmenu_option"><a href="Your Desired Link URL">Your Desired Link Text</a></td></tr>4- Save and that's it.

Using the skin with vbAdvanced or blogs systems:
If you are using vbAdvanced or other major addons under the same folder of your forum, then the skin will work just fine but if you are having your vbadvanced index page outside your forum root then you will have to copy the folder name VA_Abeer under your website root images folder so it will look like that:
www.YourWebsite.com/images/VA_Abeer (http://www.yourwebsite.com/images/VA_Abeer)If your blogs have a separate folder, then you should copy the folder named VA_Abeer under the images folder inside your blogs folder so it will look like that:
www.YourWebsite.com/YourBlogsFolder/images/VA_Abeer (http://www.YourWebsite.com/YourBlogsFolder/images/VA_Abeer)

[Taragon]

wow :eek: amazing!

[egtrix]

haha thank you Taragon :)

[egtrix]

The source files has been added to this thread attachments plus some screen shots.

[Super Jinni]

great

is there any fluid one of this? fluid one will be one of the best..

:)

[SAT2M]

How can I use this style in Arabic language that dont change the form of style

becuase when I use Arabic language style was change to a bad result

[Flightlevel]

Pretty advanced skin for a style that is for free. Thanks alot.

[egtrix]

great

is there any fluid one of this? fluid one will be one of the best..

:)

I will try to release a fluid version soon :)

How can I use this style in Arabic language that dont change the form of style

becuase when I use Arabic language style was change to a bad result

Well, any English or let's say left to right (LTR) skin can not be used on Arabic or Hebrew forums unless they were converted to right to left (RTL) and this requires flipping all the used images.

Pretty advanced skin for a style that is for free. Thanks alot.
Yes true, tried to give my free skins a higher measure ;) You are always welcome Flightlevel :)

[paramegsoft]

amazing style egtrix

good work

[egtrix]

Many thanks paramegsoft, glad that you like it :)

[FMVS]

Thank you . Style Good :)

[egtrix]

You are always welcome FMVS, glad that you like it :)

[bogu]

Great work indeed :up:

[cafenetland]

nice work Mr. egtrix

[egtrix]

Many thanks bogu and cafenetland :)

[WFZ]

Woah!

This is the best skin I have ever seen on vB.org! No jokes!

AWESOME!

Installled

[egtrix]

Many thanks WFZ for the nice words and glad to hear you opinion :)

[heinze]

Great Style THX!!

[grinderhand]

Very, very nice. When it becomes a fluid version I'm clicking installed! Kudos!

[Player-63]

Man that skin is amazing :eek: and its Freee :cool:

[egtrix]

Many thanks heinz, grinderhand and Player-63 for your posts and glad that you like it :)
As for the fluid version will try to make it find it's way here soon :)

[Mrdby]

about to download! GREAT!

[Mrdby]

are we able to add the double navi bar with this?

[egtrix]

Thank you Mrdby glad that you like it :)
As for the double nav bars, you can add it if you revert the navbar template.

[Mrdby]

Thank you Mrdby glad that you like it :)
As for the double nav bars, you can add it if you revert the navbar template.

OH YEAH? So it wouldn't turn out odd looking? lol I'm about to try it now. I will get back to you. *dapz* Thanks sir!

[Mrdby]

wow...i uploaded everything and alot of things are missing. maybe i did something wrong?

[egtrix]

Mrdby, remove the very top navigation bar code and it will work just fine, it's impossible to have the very top navigation bar and the and the normal navbar together as all the drop down menus and the drop down arrow will be pushed to the top navigation bar :)

[GaiLoan]

wow this is so nice, thanks

[egtrix]

Thank you GaiLoan, glad that you like it :)

[Mrdby]

wow...i uploaded everything and alot of things are missing. maybe i did something wrong?


I will try again when I get home. I removed it.

[egtrix]

Alright just please let me have a look at your forums after you do the changes

[Mrdby]

Sure Thing!!

[slmoney]

Great style! Can't wait for FLUID!

[egtrix]

Thank you slmoney, really glad that you like it and i will make sure to work on the fluid version as soon as possible :)

[macc]

Nice style ... Thanks !

how to add some more links in navy bar and get round bar ?
have inferno shoutbox .. that is so dark ...can make that more lighter?
www.belaplay.com/vb/libar (http://www.belaplay.com/vb/libar)

regards and thanks

macc

[egtrix]

Hello macc, thank you for your post, you can add links in the quick links drop down menu so it won't affect the bar size and distort the skin. And yes you can make the shoutbox brighter by editing the shoutbox code and altering it's CSS class.

[macc]

Thanks for reply!

can you help me - show one exempel to add link in quick links in navybar and please for shoutbox!

regards

macc

[nene94]

nice look, thanks:)

[Vtec44]

Nice work! I changed it a bit and installed in here (http://www.thenerdshack.com/forum/index.php).

[TheSupportForum]

its a good template, but it wont work with highend mods

[egtrix]

Thanks for reply!

can you help me - show one exempel to add link in quick links in navybar and please for shoutbox!

regards

macc
macc I've added the code for adding new links to the main post, please have a look at it :)

nice look, thanks:)
Thank you nene94 glad that you like it :)

Nice work! I changed it a bit and installed in here (http://www.thenerdshack.com/forum/index.php).
Good work Vtec44, nice to see it in action :)

its a good template, but it wont work with highend mods
Thank you simonhind but can you please let me know which mods that won't work with or which highend mods do you mean? :)

[Newfarm]

Awesome style you've made here.

Haven't really decided if it's something that'll fit my forum or not yet and it'll require a certain bit of customization and that brings me to my question.

I would need to change some of the button names (and functions for that matter) which is no real problem. However, there's the fancy looking "reflection" layer (button copy 5). Is there any way you could share some photoshop secrets in how to reproduce that one as it looks to be made either outside this psd or "simply" transformed to get it's look..

Either way, a very, very nice skin you've made :).

[michaelcrook]

This is an awesome theme. I just have one small issue. I can't find where the navbar stuff usually is; the links to "calendar" and such..I like to remove those. I looked in "navbar", but can't seem to find them?

[slmoney]

they are in the HEADER template

[michaelcrook]

slmoney: Yes, I found it a little bit ago, thanks :)

I also spotted a spelling error in one of the buttons: "Invisable" is misspelled. ;)

[egtrix]

Awesome style you've made here.

Haven't really decided if it's something that'll fit my forum or not yet and it'll require a certain bit of customization and that brings me to my question.

I would need to change some of the button names (and functions for that matter) which is no real problem. However, there's the fancy looking "reflection" layer (button copy 5). Is there any way you could share some photoshop secrets in how to reproduce that one as it looks to be made either outside this psd or "simply" transformed to get it's look..

Either way, a very, very nice skin you've made :).
Thank you Newfarm for your reply and really glad that you like Abeer Style :)
As for the buttons bar reflection, it's not a big secret and it's very easy to do, here is how you do it:
1- After changing the buttons text in the PSD file, copy the buttons bar with the buttons and the text layers and paste them under the original buttons bar.
2- Flatten all the pasted layers together so they will be one layer.
3- Then skew that layer so that the bottom part of the flattened button bar looks a bit larger than it's top line.
4- Then lower the opacity of this layer to 14%
and that's it :)

they are in the HEADER template
Thanks for helping while I wasn't here slmoney :)

[buguoeryi]

Good

[egtrix]

Thank you :)

[Newfarm]

Thank you so much egtrix :).

[steve1966]

Very nice thank you

[macc]

Hello!

need some your help... can you explain how and where to change those dark borders colors to some more bright ...(do not mean dark blue color - only those dark grey or some like that - to make more bright)

will attach picture

your style is very nice and one of the best ....

regards

macc

www.belaplay.com/vb/libar (http://www.belaplay.com/vb/libar)

[steve1966]

Hi egtrix i have a question for you i have the arcade installed on my forum how can i replace the Archive and replace with my arcade button buton someone was going to make me a button for it but they are confused how i am going to add it

here is my arcade code

<td class="vbmenu_control"><a href="arcade.php?$session[sessionurl_q]">Arcade</a></td>

[SuperTaz]

Nice style. I will install when I get the time.

[egtrix]

Thank you so much egtrix :).
You are always welcome :)

Very nice thank you
Thank you as well and glad that you like it :)

Hello!

need some your help... can you explain how and where to change those dark borders colors to some more bright ...(do not mean dark blue color - only those dark grey or some like that - to make more bright)

will attach picture

your style is very nice and one of the best ....

regards

macc

www.belaplay.com/vb/libar (http://www.belaplay.com/vb/libar)

Thank macc :)
To change the borders:

1- Go to your admincp ---> Styles & Templates --> Style Manager --> Abeer Style (all style options).

2- Scroll down to "Table Border" box

3- Change the "Background" color to what suits you.

To change the background color for the shoutbox, first before I explain how it can be done, let me tell you that it will affect all the cells in the forum that has the class of alt2.

Here is how you can change it:

1- Go to your admincp ---> Styles & Templates --> Style Manager --> Abeer Style (all style options).

2- Scroll down to "Additional CSS Definitions" the second box

3- Search for:
.alt2 {
background-image: url(images/VA_Abeer/bg2.gif);

background-color: #101f3b;
}

4- Change the background image that is denoted in red in the above step to whatever image you want or you can even remove it if you wish to use colors instead of images then save and that's it.

Hi egtrix i have a question for you i have the arcade installed on my forum how can i add the buton to it in the navbar next to the calender someone was going to make me a button for it but they are confused how i am going to add it


an easy way how can i add a new link to the navbar next to search?
the code i have is

<td class="vbmenu_control"><a href="arcade.php?$session[sessionurl_q]">Arcade</a></td>

Thank you steve1966 for your post. As for now you can't add the arcades link next to search because the top navbar is based on one cell for each link and they are not all placed in one cell (this will be fixed with the next update) but you can replace it with any of the present links and you can do so by editing the navbar template or just let me know which link you want to replace and I will give you the code.

[egtrix]

Nice style. I will install when I get the time.
Many thanks Warden-B :)

[steve1966]

Thank you steve1966 for your post. As for now you can't add the arcades link next to search because the top navbar is based on one cell for each link and they are not all placed in one cell (this will be fixed with the next update) but you can replace it with any of the present links and you can do so by editing the navbar template or just let me know which link you want to replace and I will give you the code.

thank you please can you make me a code i dont want the archive button or if that is not possible by what you say then the new posts at the top i will want to replace

[slmoney]

how is the fluid style coming? Can't wait to see it!

[macc]

Thanks egtrix for all you help!

regards

macc

[stelthius]

you always impress me with the qaulity of work you produce great peice of work mate thanks !

[stelthius]

Nice work! I changed it a bit and installed in here (http://www.thenerdshack.com/forum/index.php).


Ruined the work of the great one what a shame buddy!

[Hopless_Case79]

Wow really nice style
thank you mr egtrix :up:

[Marcel Adam]

thank u

and good work

[slmoney]

Any luck yet with the Fluid version of this style?

[egtrix]

thank you please can you make me a code i dont want the archive button or if that is not possible by what you say then the new posts at the top i will want to replace

Sorry Steve for the dealy but I will post your code tomorrow as was very busy lately.

how is the fluid style coming? Can't wait to see it!

The fluid version is coming in few days and it will have several changes as I will move all the navigation to the top in the blue navigation bar and I will change the code so you can easily add or remove buttons by editing the navbar template.

Thanks egtrix for all you help!

regards

macc

You are always welcome :)

you always impress me with the qaulity of work you produce great peice of work mate thanks !

Many thanks stelthius for the nice words :)

[egtrix]

Wow really nice style
thank you mr egtrix :up:

You are always welcome :)

thank u

and good work

Thank you and glad that you like it :)

[slmoney]

I can't wait! I love this style!

[chennairam]

WonderFul Skin

But i dont know To install This style without any bugs

any one help me

regards
Ram

[chennairam]

I install This style

Wonderful i never see like this style I love you Coder For this gift

But Small Suggest

User name in Post Very small Size

How can i increase The Size

PLs Any one Help me

regards
Ram

[vbboarder]

Beautiful style, amazing design, and great instructions! Thanks a bunch! :D

[christicehurst]

I got this error when installing it

XML Error: not well-formed (invalid token) at Line 1

Any idea what this means?

[steve1966]

=egtrix;1543399]Sorry Steve for the dealy but I will post your code tomorrow as was very busy lately.



Hi have you had time to make the code for me yet thanks

[shipfriends]

looks great!!!!
i need fluid though.
didnt manage to have it working with vbadvanced yet.
how can i add another link in the top navigational bar? (or in any bar)
I need one clearly for my gallery instead within a drop down menu.
cheers again. this is really really good

[ahmadatom]

bravo:up:

very beautiful :eek:

[MaXeL3G3ND]

It's a cool template, but unfortunately some things are not done in the template,
so i had to find another that was more complete, even though the header template
was quite cool. ;)

[setishock]

It's nice for non coder types like me to be able to edit the header so easily. I've clicked installed even though I may not keep it. But ya never know. Stranger things have happened.

I installed it and it balked at vbadvance. No big really. Just edited the urls in the header templet and got it going. Thanks, looks good.

[egtrix]

Skin updated to vBulletin 3.7.2 and security token issue fixed

[steve1966]

Skin updated to vBulletin 3.7.2 and security token issue fixed

any news on the code you said you could make ? thanks

[TROLL]

hey,
this skin looks very interesting, great work.

wondering if you were ever able to make it fluid?

also, is it possible to customize colors within the template? the bright yellow accents wont work for me so hopefully its possible to change them.

thanks a lot...
bryan

[vbboarder]

Thanks for the mod update! ;)

[hpmustangs]

looks badass ..

BTW how do you install this thing? any step by step install info?

[EmpireZ]

@egtrix.... fyi: nice skin, but I'm using postbit legacy and wasn't really feeling the "alt2" background. I changed it to "tborder" and it looks alot better for the legacy view.
For others not feeling the alt2 bg: Open postbit legacy template and find this line and change "alt2" (red) to your liking. (Save some time, type in 175 on postbit legacy template find box).

<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

[GamBun]

Very nice! :up:

[TROLL]

fluid please! and thanks...

[Xenocat]

Bump! Great skin, Im using it.. but man, I'd have your babies if you could release fluid!

[Raffaele]

yes this is a great skin i would use it if it would be fluid version thank you egtrix very appreciated.

Raffaele

[yingzhou]

nice work egtrix. thank you!

[Raffaele]

Hello egtrix, got it now going the way i like it but how do i use a vb function for the blog and not hard code in the Navbar.
And how do i insert Blog in the Navbar below where the big buttons are?

Thank you for your help,
Raffaele

[TROLL]

has there even been a response in the thread from the creator about fluid?

[grinderhand]

Thank you slmoney, really glad that you like it and i will make sure to work on the fluid version as soon as possible :)

Last response on the subject 20 May.

[SAReefer]

installed and nominated, freaking awesome and different!! big thumbs up from our team

[egtrix]

Sorry guys for the delay in following this thread but I'm a new father and facing new experiences that I have to handle and will be back to follow my free releases next week and yes I'm planning to release a fluid version of this skin with much better top navigation code which will allow you to add or remove buttons exactly as you do in the navbar template.

[djones44]

You area great credit to our community.

Dwight
Man.Org

[grinderhand]

WB, Egtrix, and congrats :up:. Parenting has a much higher priority. Fluid can wait.

[RobbieZ]

Fantastic work.. Installed

How can i change the lower navbar buttons..

Eg.. instead of "Forums" , is it possible to change this to Arcade?

I realise that the graphic button "header_22.gif" would need to be changed.

I would like the archive button changed to something else too..

Thanks

[AlbsNet]

Very nice.

[NNicJack]

I absolutely love this skin!! Thanks!

[EntranaRS]

Nice one!

I'd like to download your VA_Real one, its pro.

[Yosef Sh]

great work .. thnx

[Raffaele]

Did anyone updated this one to the new version of VB? and like to share the xml file this would help me very much.

Thank you

[karin19942]

Thanks it looks great! :)