PDA

View Full Version : Abeer Multi Advanced Style


egtrix
19 May 2008, 08:56
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
19 May 2008, 09:09
wow :eek: amazing!

egtrix
19 May 2008, 09:34
haha thank you Taragon :)

egtrix
19 May 2008, 09:58
The source files has been added to this thread attachments plus some screen shots.

Super Jinni
19 May 2008, 11:03
great

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

:)

SAT2M
19 May 2008, 11:18
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
19 May 2008, 11:58
Pretty advanced skin for a style that is for free. Thanks alot.

egtrix
19 May 2008, 12:05
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
19 May 2008, 12:24
amazing style egtrix

good work

egtrix
19 May 2008, 12:25
Many thanks paramegsoft, glad that you like it :)

FMVS
19 May 2008, 12:45
Thank you . Style Good :)

egtrix
19 May 2008, 12:50
You are always welcome FMVS, glad that you like it :)

bogu
19 May 2008, 14:35
Great work indeed :up:

cafenetland
19 May 2008, 15:26
nice work Mr. egtrix

egtrix
19 May 2008, 15:37
Many thanks bogu and cafenetland :)

WFZ
19 May 2008, 15:58
Woah!

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

AWESOME!

Installled

egtrix
19 May 2008, 17:41
Many thanks WFZ for the nice words and glad to hear you opinion :)

heinze
19 May 2008, 19:58
Great Style THX!!

grinderhand
19 May 2008, 21:08
Very, very nice. When it becomes a fluid version I'm clicking installed! Kudos!

Player-63
19 May 2008, 21:39
Man that skin is amazing :eek: and its Freee :cool:

egtrix
19 May 2008, 23:30
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
20 May 2008, 01:22
about to download! GREAT!

Mrdby
20 May 2008, 01:28
are we able to add the double navi bar with this?

egtrix
20 May 2008, 01:36
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
20 May 2008, 02:18
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
20 May 2008, 02:27
wow...i uploaded everything and alot of things are missing. maybe i did something wrong?

egtrix
20 May 2008, 08:04
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
20 May 2008, 10:41
wow this is so nice, thanks

egtrix
20 May 2008, 11:01
Thank you GaiLoan, glad that you like it :)

Mrdby
20 May 2008, 12:06
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
20 May 2008, 12:26
Alright just please let me have a look at your forums after you do the changes

Mrdby
20 May 2008, 13:12
Sure Thing!!

slmoney
20 May 2008, 14:00
Great style! Can't wait for FLUID!

egtrix
20 May 2008, 15:43
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
20 May 2008, 17:14
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
21 May 2008, 05:47
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
21 May 2008, 11:31
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
21 May 2008, 18:41
nice look, thanks:)

Vtec44
22 May 2008, 01:07
Nice work! I changed it a bit and installed in here (http://www.thenerdshack.com/forum/index.php).

TheSupportForum
22 May 2008, 07:21
its a good template, but it wont work with highend mods

egtrix
22 May 2008, 09:19
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
22 May 2008, 21:31
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
22 May 2008, 22:00
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
22 May 2008, 23:30
they are in the HEADER template

michaelcrook
23 May 2008, 00:57
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
23 May 2008, 05:22
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
23 May 2008, 08:17
Good

egtrix
23 May 2008, 09:02
Thank you :)

Newfarm
23 May 2008, 10:13
Thank you so much egtrix :).

steve1966
23 May 2008, 15:13
Very nice thank you

macc
23 May 2008, 18:27
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
23 May 2008, 19:35
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
25 May 2008, 08:16
Nice style. I will install when I get the time.

egtrix
25 May 2008, 08:27
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
25 May 2008, 08:27
Nice style. I will install when I get the time.
Many thanks Warden-B :)

steve1966
25 May 2008, 10:23
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
25 May 2008, 17:41
how is the fluid style coming? Can't wait to see it!

macc
25 May 2008, 23:37
Thanks egtrix for all you help!

regards

macc

stelthius
29 May 2008, 11:47
you always impress me with the qaulity of work you produce great peice of work mate thanks !

stelthius
29 May 2008, 12:02
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
30 May 2008, 21:53
Wow really nice style
thank you mr egtrix :up:

Marcel Adam
31 May 2008, 00:18
thank u

and good work

slmoney
04 Jun 2008, 21:38
Any luck yet with the Fluid version of this style?

egtrix
07 Jun 2008, 19:48
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
07 Jun 2008, 19:49
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
08 Jun 2008, 03:13
I can't wait! I love this style!

chennairam
08 Jun 2008, 05:53
WonderFul Skin

But i dont know To install This style without any bugs

any one help me


regards
Ram

chennairam
08 Jun 2008, 07:29
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
13 Jun 2008, 21:08
Beautiful style, amazing design, and great instructions! Thanks a bunch! :D

christicehurst
14 Jun 2008, 08:57
I got this error when installing it

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

Any idea what this means?

steve1966
16 Jun 2008, 11:29
=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
17 Jun 2008, 11:01
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
18 Jun 2008, 16:40
bravo:up:

very beautiful :eek:

MaXeL3G3ND
26 Jun 2008, 14:01
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
28 Jun 2008, 21:48
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
06 Jul 2008, 17:46
Skin updated to vBulletin 3.7.2 and security token issue fixed

steve1966
06 Jul 2008, 20:52
Skin updated to vBulletin 3.7.2 and security token issue fixed

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

TROLL
06 Jul 2008, 22:31
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
06 Jul 2008, 22:35
Thanks for the mod update! ;)

hpmustangs
07 Jul 2008, 03:12
looks badass ..

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

EmpireZ
11 Jul 2008, 02:59
@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
17 Jul 2008, 16:03
Very nice! :up:

TROLL
17 Jul 2008, 16:31
fluid please! and thanks...

Xenocat
20 Jul 2008, 01:50
Bump! Great skin, Im using it.. but man, I'd have your babies if you could release fluid!

Raffaele
23 Jul 2008, 04:19
yes this is a great skin i would use it if it would be fluid version thank you egtrix very appreciated.

Raffaele

yingzhou
25 Jul 2008, 06:14
nice work egtrix. thank you!

Raffaele
25 Jul 2008, 20:02
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
25 Jul 2008, 20:29
has there even been a response in the thread from the creator about fluid?

grinderhand
26 Jul 2008, 02:22
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
01 Aug 2008, 08:08
installed and nominated, freaking awesome and different!! big thumbs up from our team

egtrix
01 Aug 2008, 08:33
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
01 Aug 2008, 16:36
You area great credit to our community.

Dwight
Man.Org

grinderhand
01 Aug 2008, 21:23
WB, Egtrix, and congrats :up:. Parenting has a much higher priority. Fluid can wait.

RobbieZ
29 Aug 2008, 19:16
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
31 Oct 2008, 09:09
Very nice.

NNicJack
10 Nov 2008, 01:13
I absolutely love this skin!! Thanks!

EntranaRS
13 Nov 2008, 16:13
Nice one!


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

Yosef Sh
20 Nov 2008, 11:59
great work .. thnx

Raffaele
07 Jan 2009, 00:06
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
28 Jul 2009, 21:08
Thanks it looks great! :)