RP Resources

Codes + Layouts + Tutorials + More

×

Community Rules

This comm is open to anyone to post codes, layouts, resources, tutorials, and requests for help and content. Of course, we do have some rules, so please read through them before jumping in; thank you!

Treat others the way you'd like to be treated. This is not a drama comm, and we expect you guys to be awesome and stay civil. If a situation gets out of hand, please contact a mod, and leave comments intact so we can accurately handle the situation.

Please tag your posts and check out the tagging guide if you have any questions!

■ Very long posts or posts formatted with your own div styling for organization should be behind a cut to save people's f-lists.

Work safe above the cut, please!

■ If posting codes, guides, etc. absolutely do not post content that you did not make. That's stealing, and it's super uncool, bro! If you are posting expanded/edited codes made by yourself using another user's coding as well, please be sure you have their permission (You do not need direct permission if they allow edits to be re-posted in their blanket rules.)
■ Do not post tutorials/links to tutorials that show people how to steal codes from other users. Again: Stealing. Not cool.
When asking for help with something, please check the help tags (help: coding, help: graphics, help: icons, help: layouts, help: other) first to see if your question has already been posted and answered to avoid duplicates.

We do not allow game ads to be posted on this comm since there are so many communities specifically for that already; if you're pimping a game as an addition to a regular post, that's fine. (OK: You post an RP code and mention in the post, oh hey, also I'm running this game! NOT OK: Posts dedicated to game promo.)

We do allow other types of community promos if they are related to RP (icon comms, other types of resource comms, etc.) Just shoot us a comment in our dropbox beforehand and we'll let you know if it's cool to post!
×

Tagging Guide

zzz
×

Banners & Buttons





Previous | Next

[info]dickens
[info]rpresources

[info]dickens
[info]rpresources

No Subject


[info]dickens
[info]rpresources
I was on w3 awhile ago and discovered keyframes. In assuming I need to modify complete style's base layout I've been on the hunt for the base code so I can modify it.

Anyone know where I can find it? Once upon a time I knew the community where all the base codes were posted but for the life of me I can't remember it.

Comments

Aug. 27th, 2019 03:09 am (UTC)
I have the original base linked over at [info]s2complete
Aug. 27th, 2019 03:15 am (UTC)
Duh! So obvious. Thank you
Aug. 27th, 2019 03:17 am (UTC)
I found the CSS but not the base code? I'm trying to play around with layers and make a layout using hidden divs and drop down menus and stuff?
Aug. 27th, 2019 03:18 am (UTC)
Are you needing the base for theme layers to use on paid accounts?
Aug. 27th, 2019 03:21 am (UTC)
Yes! At least I'm assuming I'm going to need to edit that to do what I'm trying to do.
Aug. 27th, 2019 03:27 am (UTC)
That's here! (For future ease of reference, you can find that link on my DW conversion page.)

Generally I don't need the theme layers to add keyframe animations. I do go into theme layers if I need site footers and popups that aren't already in S2 Complete, though. So like here on this community I added a footer, my own header and nav, and popups since you can't add new IDs in S2 and you need those to trigger a popup, so to do it on a free account in S2 you're kind of stuck with existing ID elements otherwise haha.
Aug. 27th, 2019 03:35 am (UTC)
Thank you! I assumed you would cause at least what I'm looking at uses java.

Basically I want to take this java code and make it appear for specific pages etc

https://stackoverflow.com/questions/4357291/javascript-show-element-on-click
Aug. 27th, 2019 04:04 am (UTC)
Oh, I got you, yeah! I just do all my popups in CSS on IJ haha. There may be a way to use JS and jQuery in the theme layers, but due to IJ's restrictions and what a beast theme layers are I would honestly recommend doing it the CSS way since it's guaranteed to work on the site. If you want to create your own IDs you'll still need the theme layers for doing it in S2, but adding new HTML is pretty cut and dry.
Aug. 27th, 2019 04:15 am (UTC)
BRB just banging my head against the wall. It's not quite what I had in mind but it will work well enough so thank you
Aug. 27th, 2019 04:24 am (UTC)
LOL!! So basically here's what I do a lot outside of S2 (or in S2 theme layers.)

First I'll make a div with a class and an ID. So for example, div class="page" id="info1"

And then in the CSS I'll do:
.page{display:none;}
.page:target{display:block;}


And the rest is just styling! You'd call this page (or pages) with a standard link tag, but with #info1 for the href, just like an anchor link (because that's secretly all it is LOL.) The reason I do it as a class/ID combo is because if I have multiple popups I only need to code the show/hide for one spec, and then if I have styling specific to just one of them I can do that in the ID styling instead if needed.

The reason you can't do this in S2 without using an existing container that has an ID is because you can't create new IDs in S2 outside of theme layers (only new classes) and you have to have an ID to trigger a target link such as #info1 since there's no such thing as targeting via .info1.

I also use this method for non-popups, like this. The popup is really just how you choose to show/hide the info; you can use this method for sliding content etc too.
Aug. 27th, 2019 04:36 am (UTC)
Thank you that just makes so much sense and will save me a headache
Oct. 19th, 2019 07:17 am (UTC)
Hi Tess, I've been trying to work on this and I think I'm stuck. Is it possible to bounce ideas off you somehow to see if what I'm trying to do is actually possible?
Oct. 19th, 2019 08:03 am (UTC)
Absolutely! What are you trying to make?
Oct. 19th, 2019 08:19 am (UTC)
Basically I've been working on a layout on here (there's not much yet) where I basically want to use this pop up method for all the pages etc and not just the sticky note. So sort of a splash page but not?
Oct. 19th, 2019 09:02 am (UTC)
Oh, okay! So, if you're wanting to do it with real entries, you won't be able to since they need to have ID names and you can't give the entries their own IDs.

You also likely won't be able to do this in S2 outside of a paid/perm account with theme layers, but since you're on S1 Generator atm, you can do something in there! In the area where your custom coding goes you'd want something like this for each page:

<section id="name1" class="page">
CONTENT
</section>


And then in the CSS you'd have:

.page{visibility:visible;display:none;}
.page img{display:inline;}
.page:target{display:block;}


And then any styling you want ALL pages to have would go into .page and if you have any styling specific to certain pages, like if you want the bold tag to do something different on only the second page, you'd put that into the CSS for #name2 b

When done this way, you can link to each page by using the ID, ex. ><a href="#name1"> to switch them from display:none; to display:block; (you'll just want to make sure the nav for these isn't in one of the pages or they won't be accessible.)
Oct. 19th, 2019 09:12 am (UTC)
Thanks! I'll see what I can do :)