[Gesior ACC] Advanced Guild Page!

Kavvson · Sep 1, 2010

Greetings. After a long time i decided to release my guild.php page. I hope you like it and i get tons of reputation.

Here is the preview of it.

Additionally you can see >> Preview Details about the Guild <<

Features :

Numer of Members in Guild
Number of Members Online in Guild
Total Level in guild
Avg Level in guild
Lowest Level in guild
Highest Level in guild
Number of Invited Members
Level by each name
Vocation by each name
Advanced guild menu
Tool Tip for guild names

Requires:

JQuery
Simple ToolTip

Installation:

Open your layout.php

and add in the head section

PHP:

<style type="text/css">
a:hover {text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:auto;}
a.tooltip:hover span{display:inline; position:absolute; border:3px solid #330000; background:#3399FF; color:FFffff; z-index: 99999;}
</style>

Now open your .CSS file and add

PHP:

.module-one-top-left {
	width: 21px;
	height: 22px;
	background: url('images/module_1/top-left.png') no-repeat;
}

.module-one-top {
	width: 144px;
	height: 22px;
	background: url('images/module_1/top.png') no-repeat;
}

.module-one-top-right {
	width: 21px;
	height: 22px;
	background: url('images/module_1/top-right.png') no-repeat;
}

.module-one-left {
	width: 21px;
	background: url('images/module_1/left.png') repeat-y;
}

.module-one-background {
	width: 144px;
	background: url('images/module_1/background.png');
}

.module-one-right {
	width: 21px;
	background: url('images/module_1/right.png') repeat-y;
}

.module-one-bot-left {
	width: 21px;
	height: 20px;
	background: url('images/module_1/bot-left.png') no-repeat;
}

.module-one-bot {
	width: 144px;
	height: 20px;
	background: url('images/module_1/bot.png') no-repeat;
}

.module-one-bot-right {
	width: 21px;
	height: 20px;
	background: url('images/module_1/bot-right.png') no-repeat;
}




.module-sec-top-left {
	width: 21px;
	height: 21px;
	background: url('images/module_2/top-left.png') no-repeat;
}

.module-sec-top {
	width: 331px;
	height: 21px;
	background: url('images/module_2/top.png') no-repeat;
}

.module-sec-top-right {
	width: 20px;
	height: 21px;
	background: url('images/module_2/top-right.png') no-repeat;
}

.module-sec-left {
	width: 21px;
	background: url('images/module_2/left.png') repeat-y;
}

.module-sec-background {
	width: 331px;
	background: url('images/module_2/background.png');
}

.module-sec-right {
	width: 20px;
	background: url('images/module_2/right.png') repeat-y;
}

.module-sec-bot-left {
	width: 21px;
	height: 20px;
	background: url('images/module_2/bot-left.png') no-repeat;
}

.module-sec-bot {
	width: 331px;
	height: 20px;
	background: url('images/module_2/bot.png') no-repeat;
}

.module-sec-bot-right {
	width: 20px;
	height: 20px;
	background: url('images/module_2/bot-right.png') no-repeat;
}


.module-fourth {
	float: left;
}

.module-third {
	float: right;
}

.module-second {
	float: left;
}

.module-first {
	float: right;
}

.module-thi-top-left {
	width: 10px;
	height: 10px;
	background: url('images/module_3/top-left.png') no-repeat;
}

.module-thi-top {
	width: 166px;
	height: 10px;
	background: url('images/module_3/top.png') no-repeat;
}

.module-thi-top-right {
	width: 10px;
	height: 10px;
	background: url('images/module_3/top-right.png') no-repeat;
}

.module-thi-left {
	width: 10px;
	background: url('images/module_3/left.png') repeat-y;
}

.module-thi-background {
	width: 156px;
	padding: 5px;
	background: url('images/module_3/background.png');
}

.module-thi-right {
	width: 10px;
	background: url('images/module_3/right.png') repeat-y;
}

.module-thi-bot-left {
	width: 10px;
	height: 10px;
	background: url('images/module_3/bot-left.png') no-repeat;
}

.module-thi-bot {
	width: 166px;
	height: 10px;
	background: url('images/module_3/bot.png') no-repeat;
}

.module-thi-bot-right {
	width: 10px;
	height: 10px;
	background: url('images/module_3/bot-right.png') no-repeat;
}







.module-fou-top-left {
	width: 21px;
	height: 22px;
	background: url('images/module_4/top-left.png') no-repeat;
}

.module-fou-top {
	width: 724px;
	height: 22px;
	background: url('images/module_4/top.png') repeat-x;
}

.module-fou-top-right {
	width: 21px;
	height: 22px;
	background: url('images/module_4/top-right.png') no-repeat;
}

.module-fou-left {
	width: 21px;
	background: url('images/module_4/left.png') repeat-y;
}

.module-fou-background {
	width: 724px;
	padding: 5px;
	background: url('images/module_4/background.png');
}

.module-fou-right {
	width: 21px;
	background: url('images/module_4/right.png') repeat-y;
}

.module-fou-bot-left {
	width: 21px;
	height: 20px;
	background: url('images/module_4/bot-left.png') no-repeat;
}

.module-fou-bot {
	width: 724px;
	height: 20px;
	background: url('images/module_4/bot.png') repeat-x;
}

.module-fou-bot-right {
	width: 21px;
	height: 20px;
	background: url('images/module_4/bot-right.png') no-repeat;
}

.module-fo-bot-right {
	width: 21px;
	height: 20px;
	background: url('images/module_4/bot-right.png') no-repeat;
}

element.style {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#AA5900 url(images/header-3.gif) repeat-x scroll center top;
color:#FFFFFF;
}


.lightBorder {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EAD194 url(images/backgrounds/header-1.gif) repeat-x scroll center top;
}

.vdarkBorder {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#AA5900 url('images/header-3.gif') repeat-x scroll center top;
}

.darkBorder {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DBB96A url(images/backgrounds/header-2.gif) repeat-x scroll center top;
}

Download 2 attachments

And unzip them :

Files - in you main acc directory ( contains : guild.php , js files , css files ) - note you can't move the folders 'js' and 'css' to your layout folder since in the guild.php they are assigned to the main directory
Images - Layout - in your layout directory ( contains : image files )

I hope i didn't forgot about something. Feel free to write a feedback. You might use it, redistribute ( for free! - not for sale ), BUT JUST LEAVE THE AUTHOR AT BOTTOM

Your Kavvson

Znote · Sep 1, 2010

Approved. Thanks for your contribution.

andy1995 · Sep 1, 2010

YEYeyeyey first, thanks i waiting for it

Repp

Michaeck · Sep 1, 2010

that's cool REP!

bilmattan · Sep 1, 2010

Aweeeesome

I'm working on it right now

Could you please give me the full "addon/outfit" system?

Will post a demo later if you guys want to see.

MODERATORS, PLEASE MERGIN MY POST(S)

Hello and thanks for a awesome guilds page once again.

Could you please give me the icons too?

Kindest Regards,
Max Andrén

Gesior.pl · Sep 2, 2010

Looks nice.

Kippetjee · Sep 2, 2010

Did i Forgot somting ??

Swevolutions - Guilds

Kavvson · Sep 2, 2010

skillboy said:
Did i Forgot somting ??

Swevolutions - Guilds

1. You forgot to rep me ( to all )

2. http://swev.hopto.org/layouts/widnet/imagess/images/header-2.gif wrong pasted files (images) - no such file and other

Kippetjee · Sep 2, 2010

I have repp+ u

and i have http://swev.hopto.org/layouts/widnet/images/header-2.gif

but dint work too

bilmattan · Sep 2, 2010

Your problem is that the headers shall be in "images" and not in "layouts/LAYOUT/images".

example : "images/header-3.gif"

Kavvson, repped you when we talked on MSN

Kippetjee · Sep 2, 2010

Ooo nooo

my headers are on layouts/LAYOUT/images".

still not work

repped me please

http://swev.hopto.org/layouts/widnet/images/header-2.gif
http://swev.hopto.org/images/header-2.gif

with a other layout works

http://swev.hopto.org/?subtopic=guilds

Ps: post ur icons too please

But 1 problem why the Show off will not work now

?

Great job!

Vean · Sep 2, 2010

The main guild page looks quite similiar as NewlineOTS guild page whitch I made at the previous year... Someone sold it without my permission and i'm not really happy that now my hard work is just free... Anyway content section borders also looks like my production

Nefs · Sep 2, 2010

Code:

Now you are logged. Redirecting...
Wrong address to redirect!

What is wrong?

Kavvson · Sep 2, 2010

Nefs said:
Code:

Now you are logged. Redirecting... Wrong address to redirect!

What is wrong?

I didnt knew the correct formula to redirecting after login. Ask in support

Kavvson · Sep 2, 2010

skillboy said:
I have repp+ u

and i have http://swev.hopto.org/layouts/widnet/images/header-2.gif

but dint work too

Try to follow all steps again in the normal layout (tibia) i guess your have some overwriting css styles that dont display the details table correct

Nefs · Sep 2, 2010

Why?? xD

Kavvson · Sep 2, 2010

Nefs said:
Why?? xD

Style part is wrong?

Nefs · Sep 2, 2010

I on layout.php, at the start after <head>

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css"> 
a:hover {text-decoration:none;} /*BG color is a must for IE6*/ 
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:auto;} 
a.tooltip:hover span{display:inline; position:absolute; border:3px solid #330000; background:#3399FF; color:FFffff; z-index: 99999;} 
</style>

Kavvson · Sep 2, 2010

Follow the part Now open your .CSS file and add

Nefs · Sep 2, 2010

solved, you dont know why when a player login can redirect to the guild?:S

[Gesior ACC] Advanced Guild Page!

Gdy boli cie glowa wez

Attachments

<?php echo $title; ?>

.

Twistera.net Hoster

evo-Online - Owner

Mega Noob&LOL 2012

Member

Gdy boli cie glowa wez

Member

evo-Online - Owner

Member

Member

Nefs Staff

Gdy boli cie glowa wez

Gdy boli cie glowa wez

Nefs Staff

Gdy boli cie glowa wez

Nefs Staff

Gdy boli cie glowa wez

Nefs Staff