Latest topics
» [Bug] The theme selector with Firefox
by Milouze14 Yesterday at 21:21

» Imagine in statistics
by Dr Jay Yesterday at 20:56

» [Suggestion] Coders- Team up with me: Design loading screen for mobile devices
by Bigtuber Yesterday at 14:16

» [GAME] Count to One Million!
by Valoish Yesterday at 13:36

» [GAME] Post a random picture
by Valoish Yesterday at 13:36

» Ranks icon
by MAX Yesterday at 12:28

» Add Signature Resizing To Your Forum
by Dr Jay Thu 23 Feb 2017, 15:53

» phpbb2: Removal of Last Visit/Unanswered Posts Table
by Spherical Thu 23 Feb 2017, 13:19

» phpbb2: Removal of Top Posters/Mark Forums Read Table
by Spherical Thu 23 Feb 2017, 13:18

» [EDGE] Protocol HTTPS
by Milouze14 Wed 22 Feb 2017, 13:34

» IconSkouliki
by skouliki Tue 21 Feb 2017, 03:56

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Sat 18 Feb 2017, 15:50

» Multi-step Login Form
by Samantha Sat 18 Feb 2017, 10:32

» Support Forum both chat and web developments
by MAX Sat 18 Feb 2017, 06:40

» Share Link Above Topics
by SLGray Fri 17 Feb 2017, 16:35

Recent Tutorials
Who is online?
In total there are 8 users online :: 0 Registered, 0 Hidden and 8 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

Questions

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Fri 22 Jul 2016, 12:51

I want to edit the CSS but it's a little confusing. I found this: https://github.com/SethClydesdale/forumactif-edge/blob/master/css/fa_edge.css, would I add it? I tried adding it with the default CSS that was already set and it said it was too long.
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 22 Jul 2016, 13:12

@Forumedic when pasting the unminified CSS make sure to completely delete all exisiting CSS in your stylesheet. Press the keys CTRL+A to select all content, then once everything is selected press backspace or CTRL+X. After this, paste the unminified CSS in your stylesheet and click submit.

NOTE : Forumotion's code mirror is extremely unoptimized, so it may take a few seconds to select all the content.
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Fri 22 Jul 2016, 13:13

Is there a way to select all content on this: https://github.com/SethClydesdale/forumactif-edge/blob/master/css/fa_edge.css

It takes me ages to copy all of it.
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 22 Jul 2016, 13:15

Try opening the raw file :
https://raw.githubusercontent.com/SethClydesdale/forumactif-edge/master/css/fa_edge.css

Then press CTRL+A to select everything, and CTRL+C to copy it.
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Fri 22 Jul 2016, 13:34

Thanks!

How to disable this:
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 22 Jul 2016, 13:36

Go to Admin Panel > Display > Structure and Hierarchy > Sub-level links on index > No > Save

and they should be gone after that. Smile
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Fri 22 Jul 2016, 13:45



Thanks!
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Fri 22 Jul 2016, 13:55

For some reason all the images from CSS are not working on my forum.

Edit: Nevermind, For some reason all images weren't working after I added:
Code:
#fa_theme_selector {
  display: none;
}
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Fri 22 Jul 2016, 14:09

Is it possiblt to get rid of the vote minus on FAE?
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 22 Jul 2016, 14:18

Yep, use this CSS rule to hide the minus vote :
Code:
.vote-button-minus, .vote_bad {
  display:none !important;
}

You can also use this rule to hide the vote bar too :
Code:
.vote-bar, .vote-no-bar {
  display:none;
}
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Fri 22 Jul 2016, 14:43

Thanks for all the quick help!

Is it possible to make Chatbox buttons match the editor style ones?
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 22 Jul 2016, 15:00

Yes, to a degree. Smile

The CSS rules below should give a similar effect :
Code:
.format-message, .fontbutton, #help-button {
  border-radius:0 !important;
  border:none !important;
  background:rgba(255, 255, 255, 0.3) !important;
  box-shadow:none !important;
}

.format-message:hover, .fontbutton:hover, #help-button:hover {
  background:rgba(255, 255, 255, 0.45) !important;
}

.format-message:checked + label {
  background:rgba(255, 255, 255, 0.6) !important;
}
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Fri 22 Jul 2016, 15:03

Thanks! Is it posssible to replace the images with FontAwesome?
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 22 Jul 2016, 15:09

Yes, but you'll need to do something like this :
Code:
.fontbutton[for="format-bold"] {
  font-size:0;
}

.fontbutton[for="format-bold"]:after {
  content:"\f032";
  font-size:12px;
  font-family:FontAwesome;
}
i.e. set the default font-size to 0, then create a replacement with ::after.

If you need help with the rest of the buttons let me know. Salute
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Fri 22 Jul 2016, 15:46

I understand, thanks Smile

Does \f032 represent the FontAwesome figure? If so, how do I know much icon represents which?

Also, is it possible to change the size of the boxes/options on Chatbox?
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 22 Jul 2016, 17:26

Yes, you have to escape its entity id in the content value. Use the cheatsheet to see the entity id of an icon. Wink For example, the entity id is here : []

Of course, add the height + width properties to manipulate the dimensions of the options.
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Sat 23 Jul 2016, 11:44

Thank you! I'll check this out in a sec.

I have another question too. Since some phpBB3 codes don't work, can you help me hide some stuff? All boxed in red I want to hide:


I have added The links to Addition Links and as well with Forumactif Edge and Submit Feedback.

The legend thing I want to get rid of, I assume I need to edit templates? Also, I want to get rid of the legend in sub-forums (new posts, etc.)
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Sun 24 Jul 2016, 13:57

CSS can hide them, but you can also make modifications via the template.
Code:
.footer-links, .footer_end_column { font-size:0; }
#picture_legend { display:none; }
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Mon 25 Jul 2016, 12:59

Thanks!

Is it possible to have 1 profile field at the very bottom of post profile and look exactly like what you did with the offline/online? I plan on having a special event and i'd like a number profile field to go there (also without displaying the field name).

@"Ange Tuteur'
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 25 Jul 2016, 13:05

By default Forumactif Edge is installed with a profile field "classifier" which adds a unique class to each profile field based on its displayed name. For this to work, you need to display the label of the profile field.

Now for example, if my profile field is named "Posts" the class for that field would be : .field_posts

I can hide it's label with this rule :
Code:
.field_posts .label { display:none; }

Expand and center the value with this rule :
Code:
.field_posts .value {
  text-align:center;
  width:100%;
}

and reposition the field with this rule :
Code:
.field_posts {
  background:red;
  position:absolute;
  bottom:-25px;
  left:0;
  right:0;
}

If any questions let me know. Wink
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Mon 25 Jul 2016, 13:21

Thanks, an issue is that when it is pushed down with bottom it doesn't expand the field, and it's actually moving out of the whole post.
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 25 Jul 2016, 13:25

You need to add a margin offset to the bottom of the profile that's greater or equal to the height of your field. Use this rule :
Code:
.postprofile dl {
  margin-bottom:25px;
}
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Mon 25 Jul 2016, 13:34

Oooo, thanks!

Now the only issue I have is the text, how can I make it the same size as the OFFLINE/ONLINE. I increased it because the number wasn't centered.
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 25 Jul 2016, 14:45

Add the font-size property to :
Code:
.field_posts .value {
  text-align:center;
  width:100%;
}

Which will give you :
Code:
.field_posts .value {
  font-size:12px;
  text-align:center;
  width:100%;
}
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 468
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Mon 25 Jul 2016, 15:11

Thank you, can I center the text vertically like OFFLINE/ONLINE?

Page 1 of 2 1, 2  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