FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 80 users online :: 0 Registered, 0 Hidden and 80 Guests :: 2 Bots

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

My casual, random and whatnot design doubts

Page 3 of 4 Previous  1, 2, 3, 4  Next

View previous topic View next topic Go down

Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Mon 07 Apr 2014, 06:51

First topic message reminder :

Hi! So...i am designing 2 forums now..and i would get lots of one-liner doubts..
Since this is fmdesign, i came here to seek some small helps that i need. Any help would be highly appreciated ^^
I didnt want to open tones of topics in support forum, so..yeah
Please move the thread to appropriate section if it isnt. (I deeply apologize to just create a topic :/ )

1. How can i style the "+" & "-" vote buttons to be green n red? I tried dev tools but didnt find their class..
2. How can i add an icon BEFORE and AFTER too in "who is online" , "statistics" etc (all h3)..i only know about adding 1 image.
3. How to style footer like in support forum? (Image n all)
4. Visit http://freetest.forumotion.net ..take a look at any topic.. im using dark skin by matti, and there's a big gap between post profile and post area..how do i get rid of it

Thats it for now..ill keep posting here until im done. Thanks so much if someone helps ^^


Last edited by Rhino.Freak on Mon 07 Apr 2014, 08:59; edited 1 time in total (Reason for editing : must've been a bug :roll:)

Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Tue 10 Jun 2014, 01:22

Lol actually the - rep button has been hidden on a forum, and some people are trolling/picking up on me and my friends by de repping occasionally since they are aware of that method/link .. i wanted to know that link too :p
Anyhow, thanks for your brilliant assistance throughout the thread, i am honestly greatful Ange! Smile
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 11 Jun 2014, 00:43

The URL is sort of randomized, so your best choice is check the HTML DOM where the vote buttons are to retrieve the URL. That's if they're set to display none. Otherwise you'll need to disable javascript and do the above.
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Sat 14 Jun 2014, 01:36

Hey umm, a bit of problem in nav bar appeared..
I made some images for it (it was text earlier), and now that I have applied it, the whole navbar isn't showing.. o.O

http://freetest.forumotion.net/

can you see what's the problem?

many thanks
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 14 Jun 2014, 15:53

Under Display > Headers and Navigation

'Display only images in the navbar' is set to 'no' ?
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Sat 14 Jun 2014, 23:28

it is set to Yes, as I want only images and not the text.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 19 Jun 2014, 17:40

This is in your CSS :
Code:
ul.linklist li a img {
    display: none;
    vertical-align: middle;
}

Hiding the images Razz
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Sun 29 Jun 2014, 02:05

lol yeah, many thanks ^^
How do I get rid of the gap in between the images though? nevermind.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 02 Jul 2014, 08:07

You could use negative margin, but then the whitespace would overlap the latter image. I think you notice that though. Razz
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Wed 02 Jul 2014, 08:10

umm I am going to use the negative margin trick.. what whitespace are you talking about? o.O
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 02 Jul 2014, 08:14

The white space in your image :
My casual, random and whatnot design doubts - Page 3 Faq10
The green resembles the open space in your image. Very Happy

If someone clicks the blank spot it takes them to that page, that's why the negative margin wouldn't do a good job. Editing out the white space on the sides will work. ^^
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Wed 02 Jul 2014, 08:19

ahhh you're right.
GODDAMNIT... so now I have to edit all the images, along with their on hover ones.. well, thanks for telling.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 02 Jul 2014, 08:21

You're welcome. ^^

Sets with white space on the sides aren't the greatest of choices for navigation. You can use margin if you want spacing ! Razz
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Wed 02 Jul 2014, 08:26

yeah actually this was a PSD set I got from Dustybones, I tweaked it up for my use, but I left the canvas size the way it was, thinking that it would work that way..
I'm not very smart. *facepalm*
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 02 Jul 2014, 08:33

Oooohhh you have to make sure you clean up the open space. Vertical space isn't really a problem if it's even, but horizontal is going to make ugly spaces. Sad
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Fri 11 Jul 2014, 11:13

Alright I got the navbar working! However I'm facing a minor problem..
How do I select the statistics link?
We have that applied in the nav bar and I can't add its hover button.. I'm trying to use this code
Code:
.navbar a.mainmenu [href="/statistics"] :hover {
  background: url('http://i39.servimg.com/u/f39/18/80/95/58/stats10.png') no-repeat 0 0;
  width: 89px;
  height: 40px;
}

But its not really working.. Sad help!

forum url : http://ntsd.open-board.com

also, I'm not sure whether you remember or not, but there was this category n forum look we posted here, are you on that? just asking.

Thanks!
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 12 Jul 2014, 23:36

I was working on a lot so I haven't gotten to that unfortunately, sorry ..

Try this, I think it's because your attribute selector is spaced.
Code:
.navbar a.mainmenu[href="/statistics"]:hover {
  background: url('http://i39.servimg.com/u/f39/18/80/95/58/stats10.png') no-repeat 0 0;
  width: 89px;
  height: 40px;
}
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Sun 13 Jul 2014, 01:41

I tried that one, didn't work Sad Sad Sad
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 17 Jul 2014, 19:00

Ooooh that forum is phpbb2 ! Try this :
Code:
a.mainmenu[href="/statistics"]:hover {
  background: url('http://i39.servimg.com/u/f39/18/80/95/58/stats10.png') no-repeat 0 0;
  width: 89px;
  height: 40px;
}
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Sat 19 Jul 2014, 01:37

Yeah that worked! Very Happy but.. I kinda wanted that button to be the hover button .. how can I get that effect? (look at other buttons and hover over them).. how? :/
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 19 Jul 2014, 04:51

I see, isn't the pseudo class for hover ?
Code:
a.mainmenu[href="/statistics"]:hover

To set a default remove :hover
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Tue 22 Jul 2014, 06:41

Thanks! Very Happy

I finally applied the theme on the main forum.. and there's one last annoying little thing that I, for some reason, can't fix.
My casual, random and whatnot design doubts - Page 3 Untitl14

I CAN'T CHANGE THAT! Sad Sad
forum : ntsd.open-board.com

edit: I also wanted to BOLD the topic's name in the latest topic widget, I searched the support forum to find a code by you, that sadly isn't working. :/ here it is:
Code:
.module.latestTopics a[href^="/t"] {
    font-weight:bold;
}

help :/


Last edited by Rhino.Freak on Thu 24 Jul 2014, 03:48; edited 4 times in total (Reason for editing : I didn't...)
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 24 Jul 2014, 21:40

For the ticker, try this :
Code:
html #fa_ticker .fa_ticker_content{top:-8px;}

For your latest topics, try this :
Code:
#right .module a[href^="/t"] { font-weight:bold; }
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Fri 25 Jul 2014, 00:41

That did it! Very Happy But the height of the fa_ticker is still fixed for some reason.. I mean if I change the font size, it just gets cut off. :/
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 27 Jul 2014, 01:51

Use this to adjust the announcements height :
Code:
#fa_ticker_container, #fa_ticker { height:50px !important; }
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 28
Posts : 275
Points : 4468
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Tue 09 Dec 2014, 06:07

just asking if this thing can be achieved? I really really want it Razz Don't mean to bother you again and again though.. Embarassed
Sponsored content

PostSponsored content

Page 3 of 4 Previous  1, 2, 3, 4  Next

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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