This is the place to discuss playing the game. Find tips, debate the best places to find certain items and share advice.
Suggestion: more HTML/CSS info in "Myself" tab
Matthew Cline
Posts: 64
11/4/2016
|
Please add some more class and/or id attributes to the HTML in the "Myself" tab, for use by end-user in the "Stylish" browser extension/add-on which lets users .
Examples:
- For each <li> containing an item, set the id to the plain English name of the item (e.g., id="Bundle_of_Fourth_City_Rags")
- For each <ul> containing a category of items, set the id to the plain English name of the category (e.g., id="Wild_Words")
- For inventory items which are usable, put the "usableitem" class into the <li> tag as well as the <a> tag
--
My game profile is at http://fallenlondon.storynexus.com/Profile/Matthew~Cline
|
|
|
+1
link
|
Saklad
Posts: 528
11/7/2016
|
Having better HTML attributes may also help people with disabilities.
--
Saklad5, a man of many talents
|
|
|
+1
link
|
Skinnyman
Posts: 2133
11/8/2016
|
I see what you mean and sorry for the late reply, but I was very busy1
What you wish to obtain can't be done in a clean way in CSS and it's bound to fail at a certain point. But some JS love does the job!
if($('h3:contains("Curiosity")').next().length > 0) {
var curiosityList = $('h3:contains("Curiosity")').next();
curiosityList.find('li').each(function () {
if($(this).find('a.usableitem').length == 0 && !$(this).hasClass('.empty-icon')) {
$(this).hide();
}
if($(this).hasClass('.empty-icon')) {
$(this).remove();
}
});
if(curiosityList.find('a.usableitem').length % 6 != 0) {
for(var i = 0; i < curiosityList.find('li').length % 6; i++) {
curiosityList.append('<li class="empty-icon"></li>');
}
}
}
edited by Skinnyman on 11/8/2016
--
ESs items and quality requirements sheet. Please check if there are errors or if something is missing
Achievement list if you're feeling bored!
I am accepting Plant battles, Neath's Mysteries card, Starveling Cats and boxed cats.
No suppers, no second chances gain and no need to cure my menaces!
|
|
|
+1
link
|