Lead

May 26 14 2:17 AM

Tags : :

To start, go to your boards admin panel and click on the Responsive Templates link, and then choose the editor tab:

eca3689e8ec623461fc28972108bea41dbf05680

That will open the editor for you. To start off create a name for the skin and click on the Save button. This step is important because if you do not save at this point first, every edit you do to the skin will create another skin in your list.

94116a8928168c11e60a02f61ef8f9e4f06ffbfe

This will take you back to your board themes list. Find the skin in the list and click on the Edit button:

36016d8128168a15e65f15aea817a6f959f5b09f

Ok, so let's begin.  The following will show you what gets changed by your entries in the Editor.

Background

eea26fa80f25f1578ee132e525dd4a7c63d6166a

Changes the entire background of your community


b2f36ee888652a48196c875e13bae1a62623d69d


==============================================================================

Link 

e7236e318ef72d5a1c4b8ea41d69e6a2167bee87

Link changes everything that is clickable at directory level, forum level and topic level.

Directory level:

Changes forum titles:

7a0261e8482551a68c61cee2640d4d81dfde7d63

Last poster and post title:

5gfbd_zps1d28f5d9.png

Some items in the stats section:

6htndb_zps4202c2ce.png

Forum level

RSS, subscribe, tweet and share

f811618f26138615e96805bc7a1919837b621535

Text inside the pagers

8dgshdf_zps0fd54172.png

Search tags:

1dgsh_zps0bdb0e08.png

Topic titles

2dgsh_zps63d047d5.png

Author, replies, views, last post

915360c78ec222e81e998e591548ed3942a11350

New post and hot topic icons

2dgfhg_zps1b663028.png


Topic Level

RSS, subscribe, tweet, share, points

b03367a8896724711159842212b3e8e91d3e6546

Author's name, tags,  font inside the pager, moderation tools

2dfplx_zpsf19c2fd8.png


BBcode help, use smilies

3dgfhb_zps8fb44f18.png

=====================================================================

Link Hover

1wbnhg_zpsd61f4a95.png

Link hover does not visibly change anything but it will colour the links you hover over.

2sgfbv_zps181f6723.png

===================================================================

Text

1bisjl_zpsd2bf0215.png

Directory level

Changes forum descriptions

2dffb_zps609165cb.png

Dates, numbers

1dgxbc_zps9de72563.png

Separators between search tags

2dfpl_zps135db9d5.png

Dates, numbers

1dfaznb_zpse0dcd232.png

Separators between page numbers

2dgfb_zps3c5eb618.png


Topic Level

Date, tags, post amount, custom title, signatures, post font colour. It also changes auto title font colour.

1gdoplc_zps952f7439.png


Text below the quick reply box

2cbfgd_zpse24ab34c.png

===============================================================

General title

1szxcds_zpsae6c41a4.png

This changes featured topics, category title, forum heading.

b20162862d1c8a10e56ebd293841d96d9823aa08

Author, replies, views, points and last reply.

1dfsvx_zps56d74f3d.png

New post icons

2wfsv_zps22336750.png

Box view:

1sadxc_zps0c07c4ec.png

Forum level

The forum title

e6826cd87d2c81878c913fedefc3988d3a0c5d23

1cvdfs_zpsc9553d66.png

Icons..

3wsda_zpsfde56f32.png

Topic view

Forum title

ccc269c8dd2ed1d28a31f2e939ba8f5305cd9a40

Topic title

eb63627e838d2e641e1982741ee9e22c1bbd806d

quick reply

1xzxzxz_zps000aeb0b.png

====================================================================

Breadcrumb link

2sdsxc_zps357afac9.png

This colors your invite friends and contribution links on the directory

1gtres_zps096a5bb5.png

At forum level, it colors your breadcrumb back to the directory

642365bb8a4f21c31348825a1620e175c1530ce7

Topic level:

b3e360e18f1524361a558b1b1acee9218be6e253


===================================================================


Header Footer tab

Header/footer background base

2xdsaz_zpsfb429476.png

This colors your navigation bar

6f826fc8e628010d8b917ee0830250f7a18588bb


It also colors your stats section

f9016389291b851de51c16098ce56721d33d41c1

=====================================================================================

Footer text

1jjhgb_zps54173b7c.png

2dcxs_zps1a64da5c.png


==========================================================================

Footer data text

2sdaxc_zps6a10acef.png

1sgdbr_zps5aaa4142.png

===========================================================================

Footer Titles Text

1sgavze_zps0f143e11.png

d0a361a28e7e2b3d17908ce31aa6e75716247440

======================================================================================

Top Panel

Background 

1qazxfy_zps09502d67.png

92926bb8ea28413688e192ece15719bccac69dc0


========================================================================

Top panel Text

2frdcx_zps9d9f778c.png


5a916d862e188611ebd71be72b4244a51520a298

============================================================================

Blocks

1fgdbc_zpse88447c4.png

Applies to the box view

Directory level (box view)

7af26a48d92f516b8801ece077013768387246d7

Directory level (Classic view)

d64266b86927618c8c410feca774a3685467edff

Forum level (Box view)

1cvfd_zps18681ea4.png

Forum level (Classic view)

1ijmnb_zps76c7088c.png

Topic level:

No change.

===========================================================================

Block Title Text


2wsfg_zps97911476.png

Directory level (Box view)

8ff262583d2c81fa8e91e2e7842dac233e3ba335

Directory level (Classic view)

bc936493891525e51a048342107def11ade657b3

3esxc_zps1dacb94d.png


Forum level (Box view)

Only search tag box title changes.

1qaok_zps644f5719.png

Forum level (Classic view)

4rdsk_zps4cf77e7f.png

0f226eb81b2a01ca8e717beba2d054eb11806a4e

Topic level

No change.


=============================================================================

Block Content Background

1sbdhe_zps15a46d00.png

Directory level (box view)

ef226528112291438eb1a5e7dd3095c31224106d

Directory level (Classic view)

52626168da212133812145e204c2cc2c5897f486



Forum level (box view)

2wskjh_zpsa9388464.png

Forum level (Classic view)

7hgbv_zps4c6e5867.png

Topic level

On box view and classic view both.

3edkn_zps5b9c1434.png


============================================================================

Block Content Text Colour

1edsxm_zps5a49b62a.png

Directory level (box view)

a2f26db84722d1ff8fe1c2e4eaafda5e55c37a3d

Directory level (Classic view)

cae26e184a2c41f585b15be84b777632990fae7d

1nhnhn_zps694a6cf2.png

Forum level (Box view)

2sxcfv_zps61957896.png

Forum level (Classic view)

3dsxk_zps4e526dd4.png

Topic level

1olkll_zps9c3c250c.png

============================================================================

Block Links

2wasx_zps424a6f2e.png
Block links will change anything that hyperlinks, in box view as well as classic view (e.g. forum titles, topic titles, usernames, etc...)

=============================================================================

Block Links Hover

1wsjunv_zps0e0cdb00.png

Block link hover will not visibly change anything but it changes the colour of the links when you hover over them. Links = all hyperlinks such as forum title, topic title username, etc... This applied to box view and classic view.

=========================================================================

Button Background Base

2dsxck_zps40a5215a.png

Changes all the button backgrounds

1xcdrs_zpscc581c43.png

2wskj_zps1c8faf3b.png

1akhj_zpsa151ab64.png

4rdfcm_zps65260f19.png

====================================================================

Button Text

1alikh_zps45bb5c9f.png

This colors the text on the buttons

2lmvcs_zps668375b1.png
============================================================================

Button Text Hover

1cfds_zpsf8a585c8.png

This does not visibly change anything but colors the text on the buttons when hovering over it.

===================================================================

Advanced

3esvbc_zps1feffda8.png

Here you can add extra css to edit your skin to your liking.