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

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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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 : 389
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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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 : 4091
Points : 8393
Reputation : 2009
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 : 389
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