CustomCSS for questing
Replies
Good evening, good day, sorry if it's the wrong forum category but it seems to be the one that has several CustomCSS-related topics...
I like doing quests, but there's that one little thing that bothers me... When you finish a quest you're redirected to a page about the rewards you get. On it, there's a button to go back to the quest giver's main page and another to go back to their Subeta location if I recall correctly. I wish there was an extra button to start a quest, Item Hunt-style, so I could do quests one after another, saving clicks and time. Is it possible to create this with CustomCSS? Well I don't think so, but it wouldn't hurt to ask.
Also, if you know of any CustomCSS tweaks to make questing more convenient I'd love to hear from you. Thanks for reading!
Hey! Not quite what you have in mind, perhaps, but here's how I have my questing UI set up: link It puts Start and Finish buttons in the same place (distanced from the Quit button, to eliminate those misclicks), and lines up the search buttons, convenient if you prefer to open each one in a new tab. It saves a little time with reduced cursor travel. (Not the most polished, admittedly, since I originally just threw it together for my own use, but it's functional, haha)
Happy to share if you'd like to give it a go : )
[box=#509b91]
[/box]
Oh wow ! That's a clever setup. I like it! If you don't mind I'd love you to share it please, it looks really handy.
Certainly! A couple of things to know: I've subbed in the mini portraits from the SubetaPedia. There's not one for Natasha, so she's woefully reduced to a disembodied head. (I thought it would be funny to sub in the image for Natasha the weapon, but never have.) Also, I unfortunately haven't added in all of the alternative NPC images (Moros costumes, most of Alexander's books), so you'll sometimes see cropped versions of these, depending on season.
Also, if you quest on mobile, it's likely that the interface will get crunched up a bit. It's still functional regardless, though -- and I have found it does fit cleanly if the sidebar is minimized.
I think that's everything. Let me know if you run into any issues, or would like something tweaked!
questing css
/* Button Shenanigans /
.mb-3 + form[action="quests.php"]{position:relative;}
.mb-3 + form[action*="quests.php"] .col-md-3, .mb-3 + form[action*="quests.php"] .col-8, .mb-3 + form[action*="quests.php"] .ui.segment{position:static;}
.col-4{position:relative; flex-basis:350px;}
input.ui.button.teal[value="Start Quest!"]{position:absolute; top:90px; left:-179px; border:1px solid ;} input[value="quest_verify"] + .btn.btn-lg.btn-success{position:absolute; top:100px; left:157px; width:124px; height:39px; font-weight:bold;} a.ui.button.large[href*="quests.php"]{position:absolute; top:90px; left:-179px; width:124px; height:39px; padding:6px; border:1px solid ;} .btn.btn-outline-info.btn-md{position:absolute;} .col-md-3:nth-of-type(1) .btn.btn-outline-info.btn-md{top:150px; left:173px;} .col-md-3:nth-of-type(2) .btn.btn-outline-info.btn-md{top:190px; left:173px;} .col-md-3:nth-of-type(3) .btn.btn-outline-info.btn-md{top:230px; left:173px;}
/* NPC Portrait Swap */ .col-4.text-center{height:100px; overflow:hidden;}
.col-4.text-center img[src="//img.subeta.net/npc_drunkcarl.gif"], .col-4.text-center img[src="//img.subeta.net/npc_cinthia.png"], .col-4.text-center img[src="//img.subeta.net/quest_mori.png"], .col-4.text-center img[src="//img.subeta.net/quest_nori.png"], .col-4.text-center img[src="//img.subeta.net/npc_alexander_march.png"], .col-4.text-center img[src="//img.subeta.net/npc_alexander_winter.png"], .col-4.text-center img[src="//img.subeta.net/maleira.gif"], .col-4.text-center img[src="//img.subeta.net/npc_pete.png"], .col-4.text-center img[src="//img.subeta.net/quentin.gif"], .col-4.text-center img[src="//img.subeta.net/npc_saggitarius.png"], .col-4.text-center img[src="//img.subeta.net/quests_wizard.gif"]{width:0; height:0; padding:80px 80px 0 0; position:absolute; left:194px;}
.col-4.text-center img[src="//img.subeta.net/npc_drunkcarl.gif"]{background:url(https://img.subeta.net/icon_carl.png) 0 0/80px 80px;} .col-4.text-center img[src="//img.subeta.net/npc_cinthia.png"]{background:url(https://img.subeta.net/icon_cinthia.png) 0 0/80px 80px;} .col-4.text-center img[src="//img.subeta.net/quest_mori.png"]{background:url(https://img.subeta.net/icon_mori.png) 0 0/80px 80px;} .col-4.text-center img[src="//img.subeta.net/quest_nori.png"]{background:url(https://img.subeta.net/icon_nori.png) 0 0/80px 80px;} .col-4.text-center img[src="//img.subeta.net/npc_alexander_march.png"], .col-4.text-center img[src="//img.subeta.net/npc_alexander_winter.png"]{background:url(https://img.subeta.net/icon_alexander.png) 0 0/80px 80px;} .col-4.text-center img[src="//img.subeta.net/maleira.gif"]{background:url(https://img.subeta.net/icon_maleria.png) 0 0/80px 80px;} .col-4.text-center img[src="//img.subeta.net/npc_pete.png"]{background:url(https://img.subeta.net/icon_pete.png) 0 0/80px 80px;} .col-4.text-center img[src="//img.subeta.net/quentin.gif"]{background:url(https://img.subeta.net/icon_quentin.png) 0 0/80px 80px;} .col-4.text-center img[src="//img.subeta.net/npc_saggitarius.png"]{background:url(https://img.subeta.net/icon_saggi.png) 0 0/80px 80px;} .col-4.text-center img[src="//img.subeta.net/quests_wizard.gif"]{background:url(https://img.subeta.net/icon_wizard.png) 0 0/80px 80px;}
[box=#509b91]
[/box]
Hey , I tried your setup and it was very confusing at first as I'm used to the default button locations lol! But in the end, it's very practical and I'm very glad you shared this with us. Thank you once again!
Heh, yeah. Smooth sailing once the muscle memory kicks in, right? Glad to hear you're finding it useful!
[box=#509b91]
[/box]
So....you can't add HTML Code using CSS so there is not a CSS Code to get what you want BUT.....with the way URI's work you could do a workaround that actually only works in the situation your looking for xD!
Workaround:
Make a new Bookmark and only put start/ as the URL so when you click on it on the page after finishing the quest....it will do what your looking for and jump right into the next quest. You could also use the notepad and add your own quicklinks but you would need to use the full URL i.e. https://subeta.net/quests.php/carl/start/
It won't work too well on its own with the custom css Phoenix shared but you could tinker with it a bit to get what you want.
Wait!! That's genius, I didn't know about this trick lol! Thanks , I already did my quests but I'm gonna try this tomorrow.
EDIT: Well, that was great! It's only one less click per quest, but everything seemed smoother. By the way, I made the bookmark button very long (STAAA[...]AAART) so my finger wouldn't miss it. 😄 Thanks again for the tip!