Choose from our various pricing plans. There is a package for everyone!

FM Focus

Solved: [Phbb2]How to change list staff to be like this?

FM Focus ::  Coding Forum & Support :: HTML Forum :: HTML Forum Solved Requests

View previous topic View next topic Go down

Topic Solved Solved: [Phbb2]How to change list staff to be like this?

Post by TohIsm on Tue May 28, 2013 8:15 am

Hello,

is it possible to change the appearance of a list staff to be like this?

see this image:
Click This!:


If possible, can you please tell me how!  Sad


Last edited by TohIsm on Sat Jun 08, 2013 12:59 pm; edited 1 time in total
avatar
TohIsm
Member
Member

Age : 27
Posts : 5
Join date : 2013-05-28
Forum Version : PhpBB2
Reputation : 0

View user profile

Back to top Go down

Topic Solved Re: Solved: [Phbb2]How to change list staff to be like this?

Post by Sir Chivas on Tue May 28, 2013 2:38 pm

If nobody else provides the codes, ill be more glad to provide them once I have access to a PC.

If you have access to the templates. Go to the following one: index_body >> Search for this:
Code:
{GROUP_LEGEND}

And replace it with this:
Code:
<div class="legend">{GROUP_LEGEND}</div>

Add this into your CSS:
Code:
.legend {
border: 1px solid #ADC5E0;
padding: 3px 6px;
background: white;
border-radius: 3px;
font-family: Verdana,Arial;
font-size: 10pt;
font-weight: normal;
}


Must Follow the Rules at all times!
No Support via PM
avatar
Sir Chivas
Premium Member


Age : 25
Posts : 55
Join date : 2012-08-04
Reputation : 0

View user profile

Back to top Go down

Topic Solved Re: Solved: [Phbb2]How to change list staff to be like this?

Post by TohIsm on Tue May 28, 2013 6:24 pm

@Sir Chivas:
Oh, thanks.. It's worked Smile

But, why look like this?

not like I was expecting Sad
and why the separation between my group have a look like this -> [group] [group], it is can be changed?
I want each of my group have a look < div class="legend"> <./div> separately.
like in this forum :
--

and sorry, my english is bad..
avatar
TohIsm
Member
Member

Age : 27
Posts : 5
Join date : 2013-05-28
Forum Version : PhpBB2
Reputation : 0

View user profile

Back to top Go down

Topic Solved Re: Solved: [Phbb2]How to change list staff to be like this?

Post by Mati™ on Wed May 29, 2013 11:05 am

Edit the Templates index_body and find
Code:
<p>{LEGEND} :&nbsp;{GROUP_LEGEND}</p>
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Topic Solved Re: Solved: [Phbb2]How to change list staff to be like this?

Post by TohIsm on Wed May 29, 2013 2:42 pm

Matti wrote:Edit the Templates index_body and find
Code:
<p>{LEGEND} :&nbsp;{GROUP_LEGEND}</p>
I found it!
but, what should I do for next?
avatar
TohIsm
Member
Member

Age : 27
Posts : 5
Join date : 2013-05-28
Forum Version : PhpBB2
Reputation : 0

View user profile

Back to top Go down

Topic Solved Re: Solved: [Phbb2]How to change list staff to be like this?

Post by Sir Chivas on Thu May 30, 2013 3:32 pm

Can you provide your forum URL? thank you.


Must Follow the Rules at all times!
No Support via PM
avatar
Sir Chivas
Premium Member


Age : 25
Posts : 55
Join date : 2012-08-04
Reputation : 0

View user profile

Back to top Go down

Topic Solved Re: Solved: [Phbb2]How to change list staff to be like this?

Post by TohIsm on Thu May 30, 2013 8:36 pm

@Sir Chivas: Yeah.. -> http://www.indofanster.org/
avatar
TohIsm
Member
Member

Age : 27
Posts : 5
Join date : 2013-05-28
Forum Version : PhpBB2
Reputation : 0

View user profile

Back to top Go down

Topic Solved Re: Solved: [Phbb2]How to change list staff to be like this?

Post by Mati™ on Fri Jun 07, 2013 4:35 pm

Replace the
Code:
<p>{LEGEND} : {GROUP_LEGEND}</p>

With this one

Code:
<div style="text-align: center;"><a href="/g1-administrator" class="l-s" style="color: #B50000">™Administrator­™</a>

<a href="/g2-moderator" class="l-s" style="color: #1818F5">™Moderator™</a>

<a href="/g15-staff-rpg" class="l-s" style="color: #491970">™Staff RPG™</a>

<a href="/g17-dischap-naruto-team" class="l-s" style="color: #FF7308">™DisChap Naruto Team™</a>

<a href="/g20-tim-diskusi-manga" class="l-s" style="color: #CCB100">™Tim Diskusi Manga™</a>

<a href="/g4-designer" class="l-s" style="color: #50C8E6">™Designer™</a>

<a href="/g5-writter-s" class="l-s" style="color: #19B80B">™Writter's™</a>

<a href="/g10-super-member" class="l-s" style="color: #B58148">™Super Member™</a></div>

Note: If you add a new group you need to add it manually to the code.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Topic Solved Re: Solved: [Phbb2]How to change list staff to be like this?

Post by TohIsm on Sat Jun 08, 2013 12:59 pm

@Matti: Ohh.. Thank you very much Smile
It's work now..

Problem solved, please lock this topic..

Thanks again..
Smile
avatar
TohIsm
Member
Member

Age : 27
Posts : 5
Join date : 2013-05-28
Forum Version : PhpBB2
Reputation : 0

View user profile

Back to top Go down

Topic Solved Re: Solved: [Phbb2]How to change list staff to be like this?

Post by Th1nK on Sat Jan 04, 2014 7:34 pm

The question(s) in this topic have been answered and the owner has been able to solve the problem. Because of this, the topic has been locked.

If you have other questions, please open a new topic.
avatar
Th1nK
Administrator
Administrator

Posts : 468
Join date : 2012-04-06
Reputation : 43

View user profile http://www.csshelp.net

Back to top Go down

Topic Solved Re: Solved: [Phbb2]How to change list staff to be like this?

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top

FM Focus ::  Coding Forum & Support :: HTML Forum :: HTML Forum Solved Requests

 
Permissions in this forum:
You cannot reply to topics in this forum