| Welcome to Rockman EXE: Rogue Network. We hope you enjoy your visit. You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free. Join our community! If you're already a member please log in to your account to access all of our features: |
| Spoilers Tag Pictures; I want one. | |
|---|---|
| Tweet Topic Started: May 20 2010, 03:14 PM (1,222 Views) | |
| Azureink | May 20 2010, 03:14 PM Post #1 |
|
Hunting Viruses
![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
So, I have quite the limited knowledge when it comes to these things. But I see lots of people using the Spoiler Tag system to create very nice signatures that have the pictures of their navis superimposed upon them. Please tell me and others like me how to do the same. In the greatest and most thorough detail if possible. |
![]() |
|
| Frelia | May 20 2010, 04:08 PM Post #2 |
![]()
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Fera's Step-by-Step Basic Guide to Awesome Picture-Tabs
|
![]() |
|
| Chardes | May 20 2010, 04:31 PM Post #3 |
![]()
Archivist
![]() ![]() ![]() ![]() ![]() ![]()
|
A good way for artists to get their image to fit is to draw the image 2x the size before shrinking down to appropriate size. |
![]() |
|
| Bomber | May 21 2010, 03:46 AM Post #4 |
![]()
Pig Assault
![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Since I'm a swell kind of fellow, I will provide the secrets of INVISO-TABS. Use the following for your surface tabs, and change "Title" as you see fit. The background is just a bar of RERN's main skin color, that the tabs rest against.
Use the following for your embedded tabs. This is different because the interior of tabs are a different color than RERN's main skin color.
[spoiler=ARE YOU AMAZED? style="color:#000000;width:294; border:0px solid #000000; background-image:url(http://i78.photobucket.com/albums/j111/Bomberman87/TagBackground1.png);"]Yeah you are.[/spoiler] |
![]() |
|
| Kazuhiro | May 21 2010, 04:38 AM Post #5 |
![]()
Midnight and high noon sharing the sky
![]() ![]() ![]() ![]() ![]() ![]()
|
Everyone's just too good for Drakim-tabs all of a sudden. How sad. D: |
![]() |
|
| Knight | May 21 2010, 12:59 PM Post #6 |
|
The White Void
![]() ![]() ![]() ![]() ![]() ![]()
|
Drakim's tabs still have merit. They are smaller and load faster, and "float" instead of expanding like when you open these tabs. You can also style them like you can style the spoiler tags, if you want to. Spoilers are, however, faster to use and work in posts. So yeah, use whichever you feel fits you more. EDIT: Quick note for Bomber: you can use "Background-image:inherit" instead of having to put the image URLs in. Should work in both, so you don't even need different tabs. [spoiler=Title style="color: rgb(0, 0, 0); width: 294px; border: 0px solid rgb(0, 0, 0); background-image: inherit;"][spoiler=Title style="color: rgb(0, 0, 0); width: 294px; border: 0px solid rgb(0, 0, 0); background-image: inherit;"]See? It does.[/spoiler][/spoiler]
EDITII: fixed the CODE boxes, kinda. They still malfunction for multiple spoilers for some reason... EDITIII: Now totally fixed. Yay! |
![]() |
|
| Zal | May 24 2010, 12:13 AM Post #7 |
|
GoaT- Grittiest of all Time
![]() ![]() ![]() ![]() ![]()
|
How do you straight up just change the spoiler tag to different colours? |
![]() |
|
| Sj | Jun 26 2010, 06:11 AM Post #8 |
|
<black_text>
![]() ![]() ![]() ![]() ![]() ![]()
|
Adding to old news, if you add DIV tags at the beginning and the end of spoiler tags, you can add backgrounds to your messages in spoilers. Granted, there's a 3px border around the edges (due to CSS padding), but if you add padding onto your DIV tags, it makes it look slightly uniform. [spoiler=Example style="background-color: black; color:white;"]<div style="background-color: blue; color:white; padding: 2px 2px 2px 2px;">OMG BLUE SCREEN OF DEATH</div>[/spoiler]
You can replace "background-color" with "background-image" to add a picture that tiles, but most of you probably know that much. ^_^ INTERNET EXPLORER USERS: Using this code with "background-image" will extend your spoiler messages to the maximum length of the current table cell. No biggie, just remember that. *off to experiment further* EDIT: Yes, I realize it's not working properly just yet. <_< FURTHER EDIT: <DIV> tags do not work in posts. Go figure. Just look at my tabs for the example. <_< |
![]() |
|
| Sj | Jul 12 2010, 09:53 AM Post #9 |
|
<black_text>
![]() ![]() ![]() ![]() ![]() ![]()
|
Shoot me for the double-post, but I think this deserves it; I fixed the border. ^_^ Since it doesn't show here anyway, I'll just put a sample code.
For those not in the know: {SpoilerTitle} = What appears as text in the spoiler bar before you open it. {YourSpoilerTitlePictureHere} = If you use spoiler picture tabs, your pic's URL goes here. Otherwise, delete this and use {background-color: color;} instead. {YourSpoilerMessageBackgroundHere} = The URL of the background picture for your spoilers once they are opened. Again, if this is to be a color, follow the advice from above. If the default text colour isn't desirable, use {color: color;} to change it. TIP WORTH NOTING: If you use this exact code with tabs of 400 pixels by 18 pixels, the entire signature will look exactly the same from the outside no matter what part of the forum you see them. This includes the Signature editing section. |
![]() |
|
| Morisha | Oct 17 2012, 01:15 AM Post #10 |
|
Heel Navi
![]() ![]() ![]() ![]() ![]() ![]()
|
Here is just a very simplified Signature layout, designed so all you have to do is change names, make a quick replace all(explained below), and copy the whole thing into your signature, and you should have one of those fancy signatures you see the rest of us using. Below is the layout as it would appear inside your signature edit box.
Copy the contents of the above box into the signature edit interface, and you will get this: [spoiler=What it looks like] [spoiler=Operator Name Here][|[url=Insert link to Homepage here]Homepage[/URL] || [url=Insert Email Link here]E-mail[/URL] || [url=If you have a trades thread, insert link here]Trades[/URL] |] [spoiler=Key Items]Key items like your PET, or other things of importance go here[/spoiler] [spoiler=E-mail Contacts]This space is for links to other player's e-mails that you've met through roleplay[/spoiler] [spoiler=Subchips]This is where you'd put your subchips.[/spoiler] [url=Insert link to Operator Proflie page here.]Profile[/URL][/spoiler] [spoiler=Navigator Name Here][| [url=Link to Navi Profile here.]Appearance[/URL] |] Statistics: HP: Max HP here Level: Current Level here Element: Navi's element here Subtype: Navi's subtype here Buster: Attack/Rapid/Charge values here[Starting value is 1/1/1] Buster Type: None[This is for added effect upgrade that is purchased later] Speed: Action Total here [Default is 3, 3 additional actions can be purchased later] [spoiler=Upgrades]This space is for upgrades you buy in stores that add levels to a navi, such as: HP Memory: Process Upgrade: Speed Upgrade: PowerUP: Buster Upgrade: Chip Levels: SP Levels: [/spoiler] [spoiler=GMO's]This space is optional for when/if you make GMOs for your navi.[/spoiler] [spoiler=NaviCust XX/40]This is for any NCP upgrades currently equiped, such as: Undershirt [10/40] Set Grass [15/40] It starts at a max space of 40, more space can be purchased.[/spoiler][/spoiler] [spoiler=Support Program Here]This space would be done up the same way as a navi's tab would be.[/spoiler] [spoiler=FXP & Crosses]This space would be for FXP[Friendship Experience Points], that is earned when you interact with other player navi's, or NPC navis. a Simple layout is like: FXP: [Current/Next Level] Insert Navi name here: x/30 FXP Crosses:This section would be for CrossFusions when you've gained enough FXP with another navi.[/spoiler] [spoiler=Signatures]This section is where you would put your signatures, a good method is like: [| Cap: 60 [90] / 15 [Start] || Points: amount spent/your current max |] [This is the starting limit, it goes up as you gain levels, generally at every 5th level] Passives: [spoiler=Signature Name Here]Signature details and cooldown[if applies] here.[/spoiler]Actives: [spoiler=Same as Above]Same as above.[/spoiler][/spoiler] [spoiler=Battlechips XX/30]List of battlechips currently owned and used would go here.[/spoiler] =Zenny: 10= =Bugfrags: 230=[/spoiler] Just a note: Zenny and Bugfrags can never be in a spoiler, they can be the title for one, but their totals must be visible outside of a spoiler tag. Feel free to add or remove anything that you don't personaly want listed, this was just a quick template to act as a jumpstarter. Now, there might be some minor bug fixing that needs done, the most common error, is there was a space between "spoiler=Spoiler name", please note that no space can be between the equal sign, and the name of the tag. The second most common issue is at times one might forget to add a /spoiler, if you cannot find the error, you can always refer to PaladinGC, or Morisha in chat or PM for help with fixing your signature. Lastly, you can clean the signature some, I left it in this formatting for easy reference, to make the signature look cleaner: Simply go to the opener of each spoiler tag, and hit backspace once. It will make the signature look more like a jumbled mess in the edit box, but once done, the signature will instead look like: [spoiler=Cleaned up Signature][spoiler=Operator Name Here][|[url=Insert link to Homepage here]Homepage[/URL] || [url=Insert Email Link here]E-mail[/URL] || [url=If you have a trades thread, insert link here]Trades[/URL] |][spoiler=Key Items]Key items like your PET, or other things of importance go here[/spoiler][spoiler=E-mail Contacts]This space is for links to other player's e-mails that you've met through roleplay[/spoiler][spoiler=Subchips]This is where you'd put your subchips.[/spoiler] [url=Insert link to Operator Proflie page here.]Profile[/URL][/spoiler][spoiler=Navigator Name Here][| [url=Link to Navi Profile here.]Appearance[/URL] |] Statistics: HP: Max HP here Level: Current Level here Element: Navi's element here Subtype: Navi's subtype here Buster: Attack/Rapid/Charge values here[Starting value is 1/1/1] Buster Type: None[This is for added effect upgrade that is purchased later] Speed: Action Total here [Default is 3, 3 additional actions can be purchased later][spoiler=Upgrades]This space is for upgrades you buy in stores that add levels to a navi, such as: HP Memory: Process Upgrade: Speed Upgrade: PowerUP: Buster Upgrade: Chip Levels: SP Levels: [/spoiler][spoiler=GMO's]This space is optional for when/if you make GMOs for your navi.[/spoiler][spoiler=NaviCust XX/40]This is for any NCP upgrades currently equiped, such as: Undershirt [10/40] Set Grass [15/40] It starts at a max space of 40, more space can be purchased.[/spoiler][/spoiler][spoiler=Support Program Here]This space would be done up the same way as a navi's tab would be.[/spoiler][spoiler=FXP & Crosses]This space would be for FXP[Friendship Experience Points], that is earned when you interact with other player navi's, or NPC navis. a Simple layout is like: FXP: [Current/Next Level] Insert Navi name here: x/30 FXP Crosses:This section would be for CrossFusions when you've gained enough FXP with another navi.[/spoiler][spoiler=Signatures]This section is where you would put your signatures, a good method is like: [| Cap: 60 [90] / 15 [Start] || Points: amount spent/your current max |] [This is the starting limit, it goes up as you gain levels, generally at every 5th level] Passives: [spoiler=Signature Name Here]Signature details and cooldown[if applies] here.[/spoiler]Actives:[spoiler=Same as Above]Same as above.[/spoiler][/spoiler][spoiler=Battlechips XX/30]List of battlechips currently owned and used would go here.[/spoiler]=Zenny: 10= =Bugfrags: 230=[/spoiler] More will be added later, mostly advanced types of spoilers, but that should be enough to get you started, or simply refer to previous posts. |
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Suggestions and Questions · Next Topic » |
| Track Topic · E-mail Topic |
2:39 PM Jul 11
|