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

None

[ View the whole list ]


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

Questions

Page 2 of 2 Previous  1, 2

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

First topic message reminder :

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 Mon 25 Jul 2016, 15:29

Yes, you'll need to add height + line-height to this rule :
Code:
.field_posts {
  background:red;
  position:absolute;
  bottom:-25px;
  left:0;
  right:0;
}

Giving you this result :
Code:
.field_posts {
  height:25px;
  line-height:25px;
  background:red;
  position:absolute;
  bottom:-25px;
  left:0;
  right:0;
}

Just a note, if you want to vertically center ONE LINE of text, combine height and line-height. The line-height should be equal to your height to vertically center the text.
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:36

Solved, thanks!

Now, I'd like to add a friend after the number.

Example 5 coins, coins being the content. Would I use content after? If so, can you please paste an example?
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, 16:13

If it's text you can do :
Code:
.field_posts:after {
  content:"TEXT";
}

If it's an image you can do :
Code:
.field_posts:after {
  content:url(IMAGE);
}
Haggis
Member
Title :
Gender : Female
Posts : 16
Points : 164
Reputation : 1
Location : Moscow, Russian Federation
Language : English, Russian, Scots
Browser : Browser : Safari Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostHaggis on Thu 28 Jul 2016, 19:30

Hello and thank you for this great theme. I would like to ask if it's possible to change my forum width.
Thanks in advance.
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 Thu 28 Jul 2016, 19:37

Hello @Haggis and welcome to the forum Doff

Add this rule to your stylesheet :
Admin Panel > Display > Colors
Code:
#page-body {
  width:80%;
  margin:0 auto;
}
It will allow you to adjust the width of the forum content. Modify 80% to change the width. Wink
Haggis
Member
Title :
Gender : Female
Posts : 16
Points : 164
Reputation : 1
Location : Moscow, Russian Federation
Language : English, Russian, Scots
Browser : Browser : Safari Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostHaggis on Thu 28 Jul 2016, 19:40

@Ange Tuteur thanks so much!
I have just installed the theme, going to explore it now. I'll post my translation later


Last edited by Haggis on Thu 28 Jul 2016, 19:43; edited 1 time in total
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3202
Points : 3828
Reputation : 259
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Thu 28 Jul 2016, 19:42

@Haggis to tag a user with spaces in their name use quotation marks c: Like this
Code:
@"Ange Tuteur"
@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 Thu 28 Jul 2016, 20:00

@Haggis wrote:@Ange Tuteur thanks so much!
I have just installed the theme, going to explore it now. I'll post my translation later
Super ! Very Happy If you have any questions feel free to let us know. Wink

Have a good day Rose
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 29 Jul 2016, 14:22



I'm trying to make my forum more unique to FAE and I am having troube with the profile design. I want to box like things to work (first two are working but needs a little work to make profile box bigger and when I add the likes one everything gets weird.

I disabled last part as that was the weird part and I started losing hope Sad


Last edited by Forumedic on Fri 29 Jul 2016, 15:13; edited 1 time in total
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 29 Jul 2016, 14:46

Remove
Code:
  position:absolute;
  left:20%;
  right:0;

From the .field_posts rule. "Absolutely" positioned elements take up no space in the DOM ( HTML Document, your webpage ), so your profile fields will display one on top of the other unless you position them all in different positions.
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 29 Jul 2016, 14:49

The left part is to center it, should I still get rid 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 29 Jul 2016, 14:51

Yes, if you remove position:absolute; the left, right, top, or bottom properties will be useless. The fields should automatically center themselves when you remove this position value.
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 29 Jul 2016, 14:57

They aren't centered lol.
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 29 Jul 2016, 15:07

Gotta center them with margin then Wink
Code:
.profile-field {
  margin:4px auto !important;
}

Remember : If a block-level element isn't centered, center it by setting both the left and right margins to auto.
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 29 Jul 2016, 15:10

Wow!

THANKS! Very Happy I'm so happy and my forum looks way way way unique!

Do you know if there is a way to shorten the distance between the FontAwesome and the value? Thanks again! Super super super thanks!
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 29 Jul 2016, 15:18

No problem. Wink

If you want the icon right next to the value, you can set the width of the label and value to auto.
Code:
.profile-field .label, .profile-field .value {
  width:auto;
}
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 29 Jul 2016, 15:20

I'd prefer not to have it right next to the value but closer than it currently is.
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 29 Jul 2016, 15:26

Then the other solution is that you can try reducing the width of the value :
Code:
.profile-field .value {
  width:30%;
}

If that doesn't work you can do this instead :
Code:
.profile-field .value {
  width:50%;
  text-align:left;
}

.profile-field:before {
  width:50%;
  text-align:right;
  display:inline-block;
}
This method evenly distributes the width between the value and icon, and sets the text align so that they're close to each other.
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 29 Jul 2016, 15:29

Thanks I'll try this a bit later! 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 29 Jul 2016, 16:20

On the support forum on the bottom of the index page they have that black stripe which contains total posts, topics and newest user I believe, is it possible to do that on FAE with this part:
In total there are 8 users online :: 4 Registered, 0 Hidden and 4 Guests :: 1 Bot

It would have 4 white boxes within the black stripe.

8 Total Online | 4 Registered | 0 Hidden | 4 Guests

The number value and the word would be in the white box, little different than support.
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 29 Jul 2016, 17:24

Yes it's possible. Actually you should be able to follow the same instructions for FAE, because it's built off the phpbb3 templates.
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 01 Aug 2016, 15:38

I'm unsure how to do 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 Mon 01 Aug 2016, 15:45

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 01 Aug 2016, 15:56

Thanks but I more meant the selectors that affect the numbers and whatnot.
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 01 Aug 2016, 16:07

Ooooh I thought you meant the whole design. If you mean the values on the who is online, try using this rule :
Code:
.wio_value > strong {
  background:rgba(0, 0, 0, 0.05);
  border:1px solid rgba(0, 0, 0, 0.1);
  border-radius:3px;
  padding:3px 6px;
}

Page 2 of 2 Previous  1, 2

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