SMF Arcade

Welcome, Guest

Please login or register.

Login with username, password and session length

News:

All Passwords were reset. Use Reminder to change it.

Pages: [1]   Go Down

Author Topic: adding "spacing" or "border" between section/games  (Read 536 times)

0 Members and 1 Guest are viewing this topic.

Tron420

  • Not So New
  • *
  • Karma: -3
  • Offline Offline
  • Posts: 47
adding "spacing" or "border" between section/games
« on: December 05, 2006, 03:11:59 PM »
see the game list here - http://www.smfarcade.net/index.php?action=arcade

now see mine - http://hittemupgaming.com/smf/index.php?action=arcade

what do i need to do to make the lines seperating the games?
i want to make something to seperate the games on the game list and also the sections in arcade info
i want to seperate the games / sections ( also all the sections in "arcade info" section ) with a "border" or even make like "cells" or "blocks" for each seperation i dont want to change the layout , i just wanna make it look more "seperated"

ive seen sites that have it like this but i really need help in doing this, can anyone telll me how to do it?
Logged

fwitt

  • Net Addict
  • Administrator
  • *
  • Karma: 19
  • Offline Offline
  • Gender: Male
  • Posts: 603
Re: adding "spacing" or "border" between section/games
« Reply #1 on: December 05, 2006, 04:03:30 PM »
its a css thing, class mirrortab_back is the one to look at, class mirrortab_active_back is the currently highlighted one, the classes mirrortab_last and mirrortab_active_last deal with the last link on the row.

This is a theme thing not an arcade thing so you may get a better reply from your themes author.
Logged
If all those sane people are starting to get you down: http://BlueBuzzards.com/

Tron420

  • Not So New
  • *
  • Karma: -3
  • Offline Offline
  • Posts: 47
Re: adding "spacing" or "border" between section/games
« Reply #2 on: December 05, 2006, 04:14:15 PM »
ok ty

btw
which file would i need to edit those lines in?
Logged

DemonicInfluence

  • 1st Chair Trombonist
  • Hero Member
  • *****
  • Karma: 11
  • Offline Offline
  • Gender: Male
  • Posts: 1544
  • Simpsonized Me
    • WWW
Re: adding "spacing" or "border" between section/games
« Reply #3 on: December 05, 2006, 07:59:00 PM »
index.template.php
Logged
The House Of Politics

My Folding Stats

fwitt

  • Net Addict
  • Administrator
  • *
  • Karma: 19
  • Offline Offline
  • Gender: Male
  • Posts: 603
Re: adding "spacing" or "border" between section/games
« Reply #4 on: December 05, 2006, 08:03:21 PM »
your themes style.css

adding this to the bottom of your themes style.css should put the spaces in

Code: [Select]

/* definitions for the mirror tab */
.mirrortab_back, .mirrortab_active_back
{
padding: 6px 6px 2px 6px;
}

.mirrortab_first
{
width: 10px;
}
.mirrortab_last
{
width: 6px;
}
.mirrortab_active_first
{
width: 6px;
}
.mirrortab_active_last
{
width: 8px;
}


or to match your theme better copy everything from in the style.css that has .maintab and change all the .maintab to .mirrortab, leaving maintab in the url(). This will make the tabs look the same as the ones at the top of your forum (home forum help...)

ie

if your style.css has the following

Code: [Select]

.maintab_first
{
background: url(images/maintab_first.gif) left bottom no-repeat;
width: 10px;
}


then add

Code: [Select]

.mirrortab_first
{
background: url(images/maintab_first.gif) left bottom no-repeat;
width: 10px;
}
Logged
If all those sane people are starting to get you down: http://BlueBuzzards.com/

fwitt

  • Net Addict
  • Administrator
  • *
  • Karma: 19
  • Offline Offline
  • Gender: Male
  • Posts: 603
Re: adding "spacing" or "border" between section/games
« Reply #5 on: December 05, 2006, 08:04:46 PM »
Quote from: DemonicInfluence on December 05, 2006, 07:59:00 PM
index.template.php

nope the spacing is all done in the stylesheet its all in style.css
Logged
If all those sane people are starting to get you down: http://BlueBuzzards.com/

eeek

  • Dev Team
  • *
  • Karma: 26
  • Offline Offline
  • Gender: Male
  • Posts: 1411
    • WWW
Re: adding "spacing" or "border" between section/games
« Reply #6 on: December 05, 2006, 08:22:05 PM »
Tron420

If you only use Helios the arcade template has the code to use matching buttons in it :)

Download the buttons http://www.smfarcade.net/index.php/topic,1077.msg7815.html#msg7815

And have a look through the thread for answers :)

In arcade.template.php change

smfrc2_arcade_tabs();
//helios_arcade_tabs();

to

//smfrc2_arcade_tabs();
helios_arcade_tabs();

Everything to do with how the arcade looks is controlled by CSS or by the actual HTML in arcade.template.php...keep a good copy before you start chopping it up!
Logged
"There's no such thing as a foolproof system. That idea fails to take into account the creativity of fools."

DemonicInfluence

  • 1st Chair Trombonist
  • Hero Member
  • *****
  • Karma: 11
  • Offline Offline
  • Gender: Male
  • Posts: 1544
  • Simpsonized Me
    • WWW
Re: adding "spacing" or "border" between section/games
« Reply #7 on: December 06, 2006, 12:23:09 AM »
Quote from: fwitt on December 05, 2006, 08:04:46 PM
Quote from: DemonicInfluence on December 05, 2006, 07:59:00 PM
index.template.php

nope the spacing is all done in the stylesheet its all in style.css

I thought you meant that the highlighting of the stuff was in the index.template.php
Logged
The House Of Politics

My Folding Stats

CloudsBreak

  • Jr. Member
  • **
  • Karma: 2
  • Offline Offline
  • Posts: 53
Re: adding "spacing" or "border" between section/games
« Reply #8 on: December 06, 2006, 03:38:56 AM »
Or you can use my method for boxing it all in and making it look nice at the same time...

http://www.smfarcade.net/index.php/topic,1673.msg11871.html#msg11871
Logged

Tron420

  • Not So New
  • *
  • Karma: -3
  • Offline Offline
  • Posts: 47
Re: adding "spacing" or "border" between section/games
« Reply #9 on: December 06, 2006, 02:08:24 PM »
wow this is so confusing. i
i really appreciate every reply ,
thx guys.

im gonna try editing the css like you guys  said. please keep checking this thread as i may screw something up and need some help fixxing it lol ( knowing me ! ill screw it up lol )
the only way i could get it to woek is to use the "use button 1 " feature of heli multi and added an "arcadee" button ,but im gonna try and redo it the way eeek said.. wish me luck.



peace

  ** EDIT **

eeek,
i added the arcade buttons like you described and they work fine thx alot.  :thumb:

now im trying to make the "spacing" between the blocks - sections - games etc.  :-[


EDIT >>

I added -


/* definitions for the mirror tab */
.mirrortab_back, .mirrortab_active_back
{
   padding: 6px 6px 2px 6px;
}

.mirrortab_first
{
   width: 10px;
}
.mirrortab_last
{
   width: 6px;
}
.mirrortab_active_first
{
   width: 6px;
}
.mirrortab_active_last
{
   width: 8px;
}



--to the bottom of the style.css but it didnt change the spacing.


 see what i mean here - http://hittemupgaming.com/smf/index.php?action=arcade



EDIT >>

I did it the way cloudsbreak suggested and it worked.
 any way to get the games list thats below that to look the same way ?
« Last Edit: December 06, 2006, 06:22:51 PM by Tron420 »
Logged

fwitt

  • Net Addict
  • Administrator
  • *
  • Karma: 19
  • Offline Offline
  • Gender: Male
  • Posts: 603
Re: adding "spacing" or "border" between section/games
« Reply #10 on: December 06, 2006, 07:43:03 PM »
the one i posted, doesnt work with the changes eeek suggested.
Logged
If all those sane people are starting to get you down: http://BlueBuzzards.com/

Tron420

  • Not So New
  • *
  • Karma: -3
  • Offline Offline
  • Posts: 47
Re: adding "spacing" or "border" between section/games
« Reply #11 on: December 07, 2006, 12:19:39 AM »
o ok.lol thought i did it wrong lol. thx for the reply
« Last Edit: December 08, 2006, 02:59:10 AM by Tron420 »
Logged
Pages: [1]   Go Up
« previous next »