|
Post by Mother Dark on Feb 10, 2021 21:25:34 GMT -5
Could someone help me fix my clan layout so that you can scroll through sections of it rather than it being a huge post?
|
|
|
Post by ππππππππππππ on Feb 10, 2021 21:32:36 GMT -5
Idk if this is what you want, and i'm sure someone who's better at coding has something better, but I do know how to do a scroll box. The width, height, and padding and stuff can be changed.[div style="background-image:url(URL);margin:auto;padding:10px;width:470px;height:270px;"] [div style="background:#color;padding:30px;margin:auto;width:80%;overflow:auto;height:170px;"] [p][font color="#color"]text[/font][/p] ewftextaefeaf afadfaf efwwe efwef afaf ff fwef fswdf rgerg ergerg gerg swdfs dfsdf
|
|
|
Post by Mother Dark on Feb 10, 2021 21:34:46 GMT -5
Idk if this is what you want, and i'm sure someone who's better at coding has something better, but I do know how to do a scroll box. The width, height, and padding and stuff can be changed.[div style="background-image:url(URL);margin:auto;padding:10px;width:470px;height:270px;"] [div style="background:#color;padding:30px;margin:auto;width:80%;overflow:auto;height:170px;"] [p][font color="#color"]text[/font][/p] ewftextaefeaf afadfaf efwwe efwef afaf ff fwef fswdf rgerg ergerg gerg swdfs dfsdf
this is exactly what I want thanks.
|
|
|
Post by Mother Dark on Feb 10, 2021 23:54:44 GMT -5
Question. How do I get it to stay centered in the layout for mobile users? Its going off to one side and makes it unreadable.
Relationships KinPalepaw and Honeypaw are littermates.
Adderheart and Darkclaw are littermates.
Dawnsprite is mother of Ferrettail and grandmother of Stoatkit, Wolfkit, Weaselkit, and Foxkit.
Stoatkit, Weaselkit, Wolfkit, and Foxkit are littermates.
Snowdapple and Ivysplash are littermates.
Snowdapple is mother of Coalkit, Wishkit, and Gazekit.
Coalkit, Wishkit, and Gazekit are littermates.
Pheasentwing and Leapinggazelle are parents to Wovensight and Malvina. Grandparents to Pheasantkit, Gazellekit, Maplekit, Aspenkit and Marshkit.
Wovensight and Malvina are littermates.
Malvina is mother to Pheasantkit, Gazellekit, Maplekit, Aspenkit and Marshkit.
Pheasantkit, Gazellekit, Maplekit, Aspenkit and Marshkit are littermates.
Wovensight is uncle to Pheasantkit, Gazellekit, Maplekit, Aspenkit and Marshkit.
Irisheart and Flowerbreeze are littermates.
Elmsong is Irisheart and Flowerbreeze's brother.
Frostfeather and Basilwhisker are littermates.
Basilfrost is uncle of Frostfeather and Basilwhisker. Mentors Basilwhisker is mentor to Honeypaw. Wovensight is mentor to Palepaw. Nightwhisker is mentor to Silverpaw. Vixencry is mentor to Shrikepaw. Frostfeather is mentor to Kindredpaw. Irisheart is mentor to Asterpaw. Ivysplash is mentor to Pinepaw.
Mates Wovensight and Snowdapple are mates.
Basilwhisker is looking for a mate.
Duskpelt and Yarrowfur are mates.
Smokeshade is looking for a mate.
Nutshine is looking for a mate.
Pheasantwing and Leapinggazelle are mates.
Starclan Cats Pheasantwing- warrior
Leapinggazelle- warrior
Basilfrost- former medicine cat
Thymestar-first leader
Stoatkit- kit
Elmsong- warrior
|
|
|
Post by ππππππππππππ on Feb 11, 2021 0:07:14 GMT -5
Hmmm i'm not sure! I think most coding looks janky on mobile tbh. I'd recommend working with it on a laptop or smthn
|
|
|
Post by aether on Feb 11, 2021 0:32:24 GMT -5
[div style="background-image:url(URL);margin:auto;padding:10px;width:470px;height:270px;"] [div style="background:#color;padding:30px;margin:auto;width:80%;overflow:auto;height:170px;"] [p][font color="#color"]text[/font][/p] i THINK you want to change it from 470px to something like 80%, so instead of covering exactly 470 pixels wide it covers 80% of the users screen. (I could be wrong I'm still learning but I think that could help) ewftextaefeaf afadfaf efwwe efwef afaf ff fwef fswdf rgerg ergerg gerg swdfs dfsdf
I just checked and yeah that'll help! So for the base as well, you could have that set to like 100%, the second layer 90%, and the scroll portion 80% wide and they'll squish to fit the users screen accordingly.
|
|
|
Post by Mother Dark on Feb 11, 2021 0:38:32 GMT -5
[div style="background-image:url(URL);margin:auto;padding:10px;width:470px;height:270px;"] [div style="background:#color;padding:30px;margin:auto;width:80%;overflow:auto;height:170px;"] [p][font color="#color"]text[/font][/p] i THINK you want to change it from 470px to something like 80%, so instead of covering exactly 470 pixels wide it covers 80% of the users screen. (I could be wrong I'm still learning but I think that could help) ewftextaefeaf afadfaf efwwe efwef afaf ff fwef fswdf rgerg ergerg gerg swdfs dfsdf
I just checked and yeah that'll help! So for the base as well, you could have that set to like 100%, the second layer 90%, and the scroll portion 80% wide and they'll squish to fit the users screen accordingly. I knew to do it with other pieces I guess I didn't think to try the same thing with the scroll box thanks for this idea.
|
|