looks good nice touch adding manuscripts in the sidebar. If you want you could try making columns out of your articleblocks to make it more compact maybe sort rows by factions and the like. like these half-dozen or so from the skullbrood clan etc. do you know the sticky sidebar css code?
Crazy Anime Cat Lady and Gamer Nun, Proud Texan Enjoying Renaissance Faires.
Thats not a bad idea with the columns, I tried doing factions along the side bar, but I think making it more a featured thing might work better. I don't know anything about CCS, don't have the faintest idea where to start with it either.
May you find the truth as it billows through the branches...
@media only screen and (min-width:992px
.user-css .article-content .row .col-md-8 + .col-md-4 {
position: -webkit-sticky !important;
position: sticky !important;
top: 10px;
max-height: 100vh;
overflow-y: auto;
border: 1px solid gold;
background: #d7e3f4;
box-shadow: 2px 2px 6px rgba(50, 50, 50, 0.5) ;
z-index: 1050;
}
This is a basic CSS that goes into the design section of an articles css. You can change the colors as you wish if you have the hex codes or just the color name. Credit to Wordigirl for this!
Crazy Anime Cat Lady and Gamer Nun, Proud Texan Enjoying Renaissance Faires.
hrm ok so apparently it did not want to preserve the indentions of the code.....its not supposed to be smooshed together each line has a specific position.
@media only screen and (min-width:992px
.user-css .article-content .row .col-md-8 + .col-md-4 {
position: -webkit-sticky !important;
position: sticky !important;
top: 10px;
max-height: 100vh;
overflow-y: auto;
border: 1px solid gold;
background: #d7e3f4;
box-shadow: 2px 2px 6px rgba(50, 50, 50, 0.5) ;
z-index: 1050;
}
Crazy Anime Cat Lady and Gamer Nun, Proud Texan Enjoying Renaissance Faires.
I feel like this is a solid arrangement for trying something new. It's a wee bit busy with large titles, but that's the same theme I'm working with, so I say don't sweat it. I'm pleased to be able to find the manuscripts easily, and thrilled to find the main charas so well shown. The only way I see this getting any better (in this layout) is by getting "uniform headers" so the eye is drawn to the pretty names and titles. (I offer my own main chara headers as a humble example, but please remember I'm a beginner too!) Great work and keep it up!!! :D /toasts you with tea/
This post is stamped with the lissius galactic seal of 7223 Issuance. Do not duplicate. Only emmissaries with cookies may approach to respond.
Yet Blessings On You,
L.i.l.a.c.
♥~•~♥~•~♥
Be wary of the quiet ones that watch the stars. Be careful to not tread on the galaxy eyes. Don't worry their dreams, of light and dark. Don't let go: assume they can bring you along.
~l.i.l.a.c., 12/2023♥~•~♥~•~♥
It looks well organized enough! I'd say making use of columns, tables, book style categories could help. It's easy for article blocks to take up too much space without implementing columns or tables.
Personally I make use of variables as shortcuts to quickly format these things. Like turning
and
into and . This is a quick way to encapsule anything into a single table/container with less time spent on formatting and making sure [ ] are all neatly closed. Alternately, sometimes I use and to pull content into a central column. Handy if you have a single article block or book cover or even image which you don't want to be too wide and stretched out. It's also handy for tables for the same reason!
Overall, bb coding and CSS can be a bit of a time sink and needs attention to details but when it comes to article blocks, formatting can help them look more neat and act how you want them too. Either way, organizing articles and categories can be difficult. Sometimes you just have to experiment and see what works for you! (Of course, getting feedback makes all the difference too!)
Singular table/container:
[table][tr][td][center] & [/center][/td][/tr][/table]
condensed into
[ v a r : b l o c k - o p e n - l e e s t e p p ]' & [ v a r : b l o c k - c l o s e - l e e s t e p p ]
Center column:
[row][col3][/col3][col3] & [/col3][col3][/col3][/row]
condensed into
[ v a r : c o l - c - o p e n - l e e s t e p p ] & [v a r : c o l - c - c l o s e - l e e s t e p p ]
Also, making use of tags a tagged bbcodes is helpful too, especially if you intend to add more characters later. If using a
[tagged:name of tag|block|none], anything with that tag will automatically be added to a list of blocks!
looks good nice touch adding manuscripts in the sidebar. If you want you could try making columns out of your articleblocks to make it more compact maybe sort rows by factions and the like. like these half-dozen or so from the skullbrood clan etc. do you know the sticky sidebar css code?
Thats not a bad idea with the columns, I tried doing factions along the side bar, but I think making it more a featured thing might work better. I don't know anything about CCS, don't have the faintest idea where to start with it either.
@media only screen and (min-width:992px .user-css .article-content .row .col-md-8 + .col-md-4 { position: -webkit-sticky !important; position: sticky !important; top: 10px; max-height: 100vh; overflow-y: auto; border: 1px solid gold; background: #d7e3f4; box-shadow: 2px 2px 6px rgba(50, 50, 50, 0.5) ; z-index: 1050; } This is a basic CSS that goes into the design section of an articles css. You can change the colors as you wish if you have the hex codes or just the color name. Credit to Wordigirl for this!
hrm ok so apparently it did not want to preserve the indentions of the code.....its not supposed to be smooshed together each line has a specific position. @media only screen and (min-width:992px .user-css .article-content .row .col-md-8 + .col-md-4 { position: -webkit-sticky !important; position: sticky !important; top: 10px; max-height: 100vh; overflow-y: auto; border: 1px solid gold; background: #d7e3f4; box-shadow: 2px 2px 6px rgba(50, 50, 50, 0.5) ; z-index: 1050; }
I'll have to experiment with this, thank you!