Latest topics
» IconSkouliki
by skouliki Sun 17 Sep 2017, 11:05

» Awards
by Mr_Grande Sun 17 Sep 2017, 08:52

» Modify Category Tabs lead to a desired position and auto scroll click
by djblah Fri 15 Sep 2017, 14:56

» Display a preview of the user profile on hover
by Eiki Thu 14 Sep 2017, 02:38

» [GAME] Count to 30 - Ange Edition
by SLGray Mon 11 Sep 2017, 14:23

» Rank CSS
by Mr_Grande Fri 08 Sep 2017, 09:24

» make the topic a color
by Ultimas Wed 06 Sep 2017, 19:44

» Chit Chat Thread
by Valoish Sun 03 Sep 2017, 23:20

» The like/thumbs up or down feature
by Dr.kran Sun 03 Sep 2017, 19:21

» My text boxes are glitched, can you help with this type of problem?
by Wolfuryo Sun 03 Sep 2017, 17:08

» User - Made Creations
by SLGray Sun 03 Sep 2017, 16:25

» FM Themes
by SLGray Sun 03 Sep 2017, 16:24

» i need to add css improvement
by Wolfuryo Sat 02 Sep 2017, 12:12

» How do I add hover examine feature?
by Dr.kran Wed 30 Aug 2017, 16:43

» [GAME] World Snake
by SLGray Wed 30 Aug 2017, 14:46

Recent Tutorials
Top posting users this month
Who is online?
In total there are 5 users online :: 0 Registered, 0 Hidden and 5 Guests :: 1 Bot

None

[ View the whole list ]


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

#wrap in FAE

View previous topic View next topic Go down

avatar
Bigtuber

Title :
Gender : Male
Posts : 123
Points : 786
Reputation : 50
Location : Germany
Language : German, English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile

PostBigtuber on Wed 01 Feb 2017, 08:40

Hello,

I wonder why there is no code working for the id #wrap.

I'm using this code, which is working fine on a standard phpbb3 forumotion forum:
Code:
body {
  background-image: url('https://cdreplat-a.akamaihd.net/web-content/rg.com/images/content/wallpapers/kingsroad-knight-adamar-1920x1080.jpg');
  background-position: center center;
  background-size: auto;
  background-attachment: fixed;
}

#wrap::before {
    background: rgba(0, 0, 0, 0) url("https://i37.servimg.com/u/f37/19/26/29/54/main-w11.png") no-repeat scroll center center;
    color: #fbf3d4;
    content: "";
    display: inline-block;
    font-family: 'Bitter', serif;
    font-size: 18px;
    font-weight: 700;
    height: 47px;
    left: 50%;
    letter-spacing: 5px;
    line-height: 35px;
    margin-left: -490px;
    position: relative;
    text-align: center;
    top: -23.5px;
    width: 980px;
}
#wrap::after {
    background: rgba(0, 0, 0, 0) url("https://i37.servimg.com/u/f37/19/26/29/54/main-w11.png") no-repeat scroll center center;
    color: #fbf3d4;
    content: "© Copyright 2017 by Bigtuber";
    display: inline-block;
    font-family: 'Bitter', serif;
    font-size: 11px;
    height: 47px;
    left: 50%;
    line-height: 35px;
    margin-left: -490px;
    position: relative;
    text-align: center;
    top: 23.5px;
    width: 980px;
}
#wrap {
    background-image: url("https://i37.servimg.com/u/f37/19/26/29/54/schrif12.png");
    background-position: center center;
    background-repeat: repeat-y;
    margin-bottom: 10px;
    margin-top: 200px;
    padding: 0 100px;

}

So that's my background and the content of the forum (wrap) but this isn't working in FAE and when I'm looking into the CSS, @Ange Tuteur also doesn't use #wrap.
Since FAE is based on colours, #wrap doesn't work, or is it because the forum width feature on the FAE control panel? Think

Does anyone know how I can tell #wrap some commands? Smile


Last edited by Bigtuber on Wed 01 Feb 2017, 11:00; edited 1 time in total

--------

avatar
Ace 1
Valued Member
Title :

Beta Tester
Gender : Unspecified
Age : 17
Posts : 2128
Points : 2863
Reputation : 85
Location : druid hill Park
Language : Eng, Fr, Loud
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://fmdesign.forumotion.com/u190

PostAce 1 on Wed 01 Feb 2017, 10:16

Try replacing
Code:
#wrap
with
Code:
#fa_edge
avatar
Bigtuber

Title :
Gender : Male
Posts : 123
Points : 786
Reputation : 50
Location : Germany
Language : German, English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile

PostBigtuber on Wed 01 Feb 2017, 10:56

Hey,

that helped me! Thank you very much, this is solved. Smile

--------

avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4684
Points : 9727
Reputation : 2331
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Wed 01 Feb 2017, 11:04

Hey,

Even though this is solved, I'd like to add some additional information that should be helpful to anyone using Forumactif Edge.

FAE can be separated into three sections :

  1. #page-header ( for the header )
  2. #page-body ( for the page content )
  3. #page-footer ( for the footer )

Well, four, if you count #footer_end lol. Anyway, you can use #page-body as a substitute for #wrap on FAE, it essentially does the same thing ; wraps the forum content. #fa_edge is an id used for the <body> tag, you can take advantage of this id if you want to make changes specific to FAE, that don't effect the mobile version for example.

quick ex :
Code:
#fa_edge a {
  color:red;
}
Then again you can just use the unique selector in the mobile version to make mobile specific modifications. Razz #fa_edge can be considered more of an identifier for developers, so they can detect the forum version a client is using.
avatar
Bigtuber

Title :
Gender : Male
Posts : 123
Points : 786
Reputation : 50
Location : Germany
Language : German, English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile

PostBigtuber on Wed 01 Feb 2017, 11:53

Thanks for the explanation, now it makes sense! Good

--------

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