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

Design and development for Forumotion forums.

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
See more
Top posting users this month

Top Achievers
Ange Tuteur
[SOLVED] Category effect Poll_c10[SOLVED] Category effect Poll_m10[SOLVED] Category effect Poll_c10 
SLGray
[SOLVED] Category effect Poll_c10[SOLVED] Category effect Poll_m10[SOLVED] Category effect Poll_c10 
Valoish
[SOLVED] Category effect Poll_c10[SOLVED] Category effect Poll_m10[SOLVED] Category effect Poll_c10 
Luffy
[SOLVED] Category effect Poll_c10[SOLVED] Category effect Poll_m10[SOLVED] Category effect Poll_c10 
Wilson
[SOLVED] Category effect Poll_c10[SOLVED] Category effect Poll_m10[SOLVED] Category effect Poll_c10 
Van-Helsing
[SOLVED] Category effect Poll_c10[SOLVED] Category effect Poll_m10[SOLVED] Category effect Poll_c10 
Niko!
[SOLVED] Category effect Poll_c10[SOLVED] Category effect Poll_m10[SOLVED] Category effect Poll_c10 
Ace 1
[SOLVED] Category effect Poll_c10[SOLVED] Category effect Poll_m10[SOLVED] Category effect Poll_c10 
JerriLeah7
[SOLVED] Category effect Poll_c10[SOLVED] Category effect Poll_m10[SOLVED] Category effect Poll_c10 
Rhino.Freak
[SOLVED] Category effect Poll_c10[SOLVED] Category effect Poll_m10[SOLVED] Category effect Poll_c10 
Who is online?
In total there are 14 users online :: 0 Registered, 0 Hidden and 14 Guests :: 2 Bots

None

[ View the whole list ]


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

fa_personal_emoticons_list  Version  left  fa_night_container  js  message  chatBox  Update  Dutch  text_editor_textarea  editor  fa_theme_selector  plugin  French  options  translations  phpBB3  search  Mozilla  FireFox  beta-testers  1  German  46-0-1  line-break  tool  


[SOLVED] Category effect

 :: Coding, Resources, and Plugins :: Coding & General Questions :: Questions Archive

View previous topic View next topic Go down

[SOLVED] Category effect Empty [SOLVED] Category effect

#14049
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3087
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 22 Jul 2016, 14:38

I was wondering if I could make this effect with CSS:
[SOLVED] Category effect Untitl12

I have this CSS for phpBB3:
Code:
ul.topiclist li.header dl dd {
  background: -webkit-linear-gradient(-45deg, #61A398 0, #61A398 60%, #333333 60%, #333333 100%);
  background: -moz-linear-gradient(135deg, #61A398 0, #61A398 60%, #333333 60%, #333333 100%);
  background: linear-gradient(135deg, #61A398 0, #61A398 60%, #333333 60%, #333333 100%);
  background-position: 50% 50%;
}

[SOLVED] Category effect Empty Re: [SOLVED] Category effect

#14054
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12044
Reputation : 2375
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 Fri 22 Jul 2016, 14:53

@Forumedic yes, it's possible. Wink

Replace
Code:
ul.topiclist li.header dl dd
with
Code:
.forum-category .title
OR just
Code:
.title
to apply it to all titles.

[SOLVED] Category effect Empty Re: [SOLVED] Category effect

#14055
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3087
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 22 Jul 2016, 14:54

Tried and the effect didn't really work, not the selector but the background stuff.

[SOLVED] Category effect Empty Re: [SOLVED] Category effect

#14060
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12044
Reputation : 2375
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 Fri 22 Jul 2016, 15:05

That's weird, how didn't it work ? I made a test on my one forum and it seemed to work fine.

See if the rule below works at all :
Code:
.forum-category .title {
  background: -webkit-linear-gradient(-45deg, #61A398 0, #61A398 60%, #333333 60%, #333333 100%);
  background: -moz-linear-gradient(135deg, #61A398 0, #61A398 60%, #333333 60%, #333333 100%);
  background: linear-gradient(135deg, #61A398 0, #61A398 60%, #333333 60%, #333333 100%);
  background-position: 50% 50%;
}

[SOLVED] Category effect Empty Re: [SOLVED] Category effect

#14068
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3087
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 22 Jul 2016, 15:42

Ah it's working perfectly now, thanks.

[SOLVED] Category effect Empty Re: [SOLVED] Category effect

#0
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Similar topics
» [SOLVED] category toggle problem
» [SUGGESTION] Sweep effect for the forums to kill some loading time and make it prettier
» Category Tabs
» category image
» Category image responsiveness

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

FM Design :: Coding, Resources, and Plugins :: Coding & General Questions :: Questions Archive

 
Permissions in this forum:
You cannot reply to topics in this forum
Free forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com
Terms of service | Founder tools | Tutorials | Affiliates