Help Is there anyway to center these tabs?

youngkyun · Jan 23, 2018

Is there a way to center these?

Code:

[nobr]
[class=main]
    width: 400px;
    height: 400px;
    border: solid 0px white;
    margin: auto;
    padding: 10px;
    overflow: hidden;
    border-radius: 4px;
[/class]

[class=hidden]
    display: none;
[/class]


[class=outer]
    margin-top: 50px;
    margin-left: 20px;
    overflow: hidden;
    height: 300px;
    width: 300px;
    border: 1px solid white;
    position: absolute;
[/class]

[class=inner]
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 19px;
[/class]

[class=para]
    font-size: 10px;
    font-weight: normal;
    color: black;
    letter-spacing: 1px;
    font-variant: lowercase;
    padding: 5px;
[/class]

[class=content]
    box-sizing: border-box;
    text-align: justify;
[/class]

[CENTER][class=home]
border-radius: 0%;
overflow: hidden;
margin-top: 10px;
margin-left: 130px;
padding: 3px;
height: 40px;
width: 40px;
position: absolute;
[/class]

[class=search]
border-radius: 0%;
overflow: hidden;
margin-top: 10px;
margin-left: 150px;
padding: 3px;
height: 40px;
width: 40px;
position: absolute;
[/class]

[class=camera]
border-radius: 0%;
overflow: hidden;
margin-top: 10px;
margin-left: 170px;
padding: 3px;
height: 40px;
width: 40px;
position: absolute;
[/class]

[class=nav_home]
    font-size: 16px;
    text-align: center;
    color: black;
    margin-left: -6px;
    cursor: pointer;
[/class]

[class=nav_search]
    font-size: 16px;
    text-align: center;
    color: black;
    margin-left: -6px;
    cursor: pointer;
[/class]

[class=nav_camera]
    font-size: 16px;
    text-align: center;
    color: black;
    margin-left: -6px;
    cursor: pointer;
[/class]


[class=nav_click]
    color: white;
[/class]

[script class=home on=click]
    hide content
    set link (getText)
    if (eq "${link}" "1") (show content1)
[/script]

[script class=search on=click]
    hide content
    set link (getText)
    if (eq "${link}" "2") (show content2)
[/script]

[script class=camera on=click]
    hide content
    set link (getText)
    if (eq "${link}" "3") (show content3)
[/script]


[script class=nav_home on=click]
    addClass nav_click nav_home
    removeClass nav_click nav_search
    removeClass nav_click nav_camera
[/script]

[script class=nav_search on=click]
    addClass nav_click nav_search
    removeClass nav_click nav_home
    removeClass nav_click nav_camera
[/script]

[script class=nav_camera on=click]
    addClass nav_click nav_camera
    removeClass nav_click nav_home
    removeClass nav_click nav_search
[/script]


[div class=main]
  [div class=home]
    [div class=hidden]1[/div]
    [div class=nav_home][fa]fa-home[/fa][/div]
  [/div]

  [div class=search]
    [div class=hidden]2[/div]
    [div class=nav_search][fa]fa-search[/fa][/div]
  [/div]

  [div class=camera]
    [div class=hidden]3[/div]
    [div class=nav_camera][fa]fa-camera[/fa][/div]
  [/div]

[div class="content content1"]
    [div class=outer][div class=inner]
      [div class=para]basics?????[/div]
    [/div][/div]
  [/div]

  [div class="content content2 hidden"]
    [div class=outer][div class=inner]
      [div class=para]personality and basics?[/div]
    [/div][/div]
  [/div]

  [div class="content content3 hidden"]
    [div class=outer][div class=inner]
      [div class=para]gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
gallery??
[/div]
    [/div][/div]
  [/div]
[/div]
[/nobr]

[class=main] width: 400px; height: 400px; border: solid 0px white; margin: auto; padding: 10px; overflow: hidden; border-radius: 4px; [/class] [class=hidden] display: none; [/class] [class=outer] margin-top: 50px; margin-left: 20px; overflow: hidden; height: 300px; width: 300px; border: 1px solid white; position: absolute; [/class] [class=inner] width: 100%; height: 100%; overflow-y: scroll; padding-right: 19px; [/class] [class=para] font-size: 10px; font-weight: normal; color: black; letter-spacing: 1px; font-variant: lowercase; padding: 5px; [/class] [class=content] box-sizing: border-box; text-align: justify; [/class] [class=home] border-radius: 0%; overflow: hidden; margin-top: 10px; margin-left: 0px; padding: 3px; height: 40px; width: 40px; position: absolute; [/class] [class=search] border-radius: 0%; overflow: hidden; margin-top: 10px; margin-left: 30px; padding: 3px; height: 40px; width: 40px; position: absolute; [/class] [class=camera] border-radius: 0%; overflow: hidden; margin-top: 10px; margin-left: 60px; padding: 3px; height: 40px; width: 40px; position: absolute; [/class] [class=nav_home] font-size: 16px; text-align: center; color: black; margin-left: -6px; cursor: pointer; [/class] [class=nav_search] font-size: 16px; text-align: center; color: black; margin-left: -6px; cursor: pointer; [/class] [class=nav_camera] font-size: 16px; text-align: center; color: black; margin-left: -6px; cursor: pointer; [/class] [class=nav_click] color: white; [/class] [script class=home on=click] hide content set link (getText) if (eq "${link}" "1") (show content1) [/script] [script class=search on=click] hide content set link (getText) if (eq "${link}" "2") (show content2) [/script] [script class=camera on=click] hide content set link (getText) if (eq "${link}" "3") (show content3) [/script] [script class=nav_home on=click] addClass nav_click nav_home removeClass nav_click nav_search removeClass nav_click nav_camera [/script] [script class=nav_search on=click] addClass nav_click nav_search removeClass nav_click nav_home removeClass nav_click nav_camera [/script] [script class=nav_camera on=click] addClass nav_click nav_camera removeClass nav_click nav_home removeClass nav_click nav_search [/script] [div class=main] [div class=home] [div class=hidden]1[/div] [div class=nav_home][/div] [/div] [div class=search] [div class=hidden]2[/div] [div class=nav_search][/div] [/div] [div class=camera] [div class=hidden]3[/div] [div class=nav_camera][/div] [/div] [div class="content content1"] [div class=outer][div class=inner] [div class=para]basics?????[/div] [/div][/div] [/div] [div class="content content2 hidden"] [div class=outer][div class=inner] [div class=para]personality and basics?[/div] [/div][/div] [/div] [div class="content content3 hidden"] [div class=outer][div class=inner] [div class=para]gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? [/div] [/div][/div] [/div] [/div]

cherub. · Jan 23, 2018

i could do it if you want??
or unless you just want me to tell you?

youngkyun · Jan 23, 2018

sadvalentine said:
i could do it if you want??
or unless you just want me to tell you?

I just want to know how so anyway you wanna do it lmao

cherub. · Jan 23, 2018

okey dokey, because i know whats wrong 0':

cherub. · Jan 23, 2018

[class=main] width: 400px; height: 400px; border: solid 0px white; margin: auto; padding: 10px; overflow: hidden; border-radius: 4px; [/class] [class=hidden] display: none; [/class] [class=outer] margin-top: 50px; margin-left: 20px; overflow: hidden; height: 300px; width: 300px; border: 1px solid white; position: absolute; [/class] [class=inner] width: 100%; height: 100%; overflow-y: scroll; padding-right: 19px; [/class] [class=para] font-size: 10px; font-weight: normal; color: black; letter-spacing: 1px; font-variant: lowercase; padding: 5px; [/class] [class=content] box-sizing: border-box; text-align: justify; [/class] [class=home] border-radius: 0%; overflow: hidden; margin-top: 10px; margin-left: 130px; padding: 3px; height: 40px; width: 40px; position: absolute; [/class] [class=search] border-radius: 0%; overflow: hidden; margin-top: 10px; margin-left: 150px; padding: 3px; height: 40px; width: 40px; position: absolute; [/class] [class=camera] border-radius: 0%; overflow: hidden; margin-top: 10px; margin-left: 170px; padding: 3px; height: 40px; width: 40px; position: absolute; [/class] [class=nav_home] font-size: 16px; text-align: center; color: black; margin-left: -6px; cursor: pointer; [/class] [class=nav_search] font-size: 16px; text-align: center; color: black; margin-left: -6px; cursor: pointer; [/class] [class=nav_camera] font-size: 16px; text-align: center; color: black; margin-left: -6px; cursor: pointer; [/class] [class=nav_click] color: white; [/class] [script class=home on=click] hide content set link (getText) if (eq "${link}" "1") (show content1) [/script] [script class=search on=click] hide content set link (getText) if (eq "${link}" "2") (show content2) [/script] [script class=camera on=click] hide content set link (getText) if (eq "${link}" "3") (show content3) [/script] [script class=nav_home on=click] addClass nav_click nav_home removeClass nav_click nav_search removeClass nav_click nav_camera [/script] [script class=nav_search on=click] addClass nav_click nav_search removeClass nav_click nav_home removeClass nav_click nav_camera [/script] [script class=nav_camera on=click] addClass nav_click nav_camera removeClass nav_click nav_home removeClass nav_click nav_search [/script] [div class=main] [div class=home] [div class=hidden]1[/div] [div class=nav_home][/div] [/div] [div class=search] [div class=hidden]2[/div] [div class=nav_search][/div] [/div] [div class=camera] [div class=hidden]3[/div] [div class=nav_camera][/div] [/div] [div class="content content1"] [div class=outer][div class=inner] [div class=para]

basics?????

[/div]

[/div] [div class="content content2 hidden"] [div class=outer][div class=inner] [div class=para]

personality and basics?

[/div]

[/div] [div class="content content3 hidden"] [div class=outer][div class=inner][div class=para]

gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery?? gallery??

[/div]

[/div][/div] [/div] [/div]

cherub. · Jan 23, 2018

like that basically?
if thats what it is i'll tell you how i did it 0:

youngkyun · Jan 23, 2018

yesssss

cherub. · Jan 23, 2018

so basically , what made it easier is that i made the background a different color
like a random color
and the margin-left: ___px; 's under the icons ( class=camera , home etc )
were all positioned to the left and not in the center. the margins had to be big numbers like
100 , 170 etc. so like here :
( the things that say margin-left:___px; is what made the icons in the middle, how i got the text in the middle was just by using [ center ] . )

Code:

[CENTER][class=home]
border-radius: 0%;
overflow: hidden;
margin-top: 10px;
margin-left: 130px;
padding: 3px;
height: 40px;
width: 40px;
position: absolute;
[/class]

[class=search]
border-radius: 0%;
overflow: hidden;
margin-top: 10px;
margin-left: 150px;
padding: 3px;
height: 40px;
width: 40px;
position: absolute;
[/class]

[class=camera]
border-radius: 0%;
overflow: hidden;
margin-top: 10px;
margin-left: 170px;
padding: 3px;
height: 40px;
width: 40px;
position: absolute;
[/class][/spoiler]

[/CENTER]

youngkyun · Jan 23, 2018

sadvalentine said:
so basically , what made it easier is that i made the background a different color
like a random color
and the margin-left: ___px; 's under the icons ( class=camera , home etc )
were all positioned to the left and not in the center. the margins had to be big numbers like
100 , 170 etc. so like here :
( the things that say margin-left:___px; is what made the icons in the middle, how i got the text in the middle was just by using [ center ] . )

Code:

[CENTER][class=home] border-radius: 0%; overflow: hidden; margin-top: 10px; margin-left: 130px; padding: 3px; height: 40px; width: 40px; position: absolute; [/class] [class=search] border-radius: 0%; overflow: hidden; margin-top: 10px; margin-left: 150px; padding: 3px; height: 40px; width: 40px; position: absolute; [/class] [class=camera] border-radius: 0%; overflow: hidden; margin-top: 10px; margin-left: 170px; padding: 3px; height: 40px; width: 40px; position: absolute; [/class][/spoiler]

[/CENTER]

OH I SEE

thank you

cherub. · Jan 23, 2018

you're welcome my dude ((:

Help Is there anyway to center these tabs?

youngkyun

sad but rad

cherub.

𝘤𝘭𝘰𝘶𝘥 ☁ 𝘨𝘢𝘻𝘦𝘳

youngkyun

sad but rad

cherub.

𝘤𝘭𝘰𝘶𝘥 ☁ 𝘨𝘢𝘻𝘦𝘳

cherub.

𝘤𝘭𝘰𝘶𝘥 ☁ 𝘨𝘢𝘻𝘦𝘳

cherub.

𝘤𝘭𝘰𝘶𝘥 ☁ 𝘨𝘢𝘻𝘦𝘳

youngkyun

sad but rad

cherub.

𝘤𝘭𝘰𝘶𝘥 ☁ 𝘨𝘢𝘻𝘦𝘳

youngkyun

sad but rad

cherub.

𝘤𝘭𝘰𝘶𝘥 ☁ 𝘨𝘢𝘻𝘦𝘳

Users who are viewing this thread

Similar threads