[T] Marketplace Layouts

❊ Visual Illusions ❊ ║ Layouts ║
Please Subscribe to read the full chapter

 

Marketplace Layouts (August 13, 2017)

 

 

**If you don't want to subscribe just to see this tutorial, non-subscribers can see this full chapter on the foreword/description of this thread.

 

Since there have been a number of users who ask me about how to apply marketplace layouts, I decided to make this tutorial. Hopefully it will be easy to understand.  

Why use marketplace layouts when you can just get the codes?

A: It's easier to edit stories and there's no need to keep up with the coding. You don't have to worry or look at the bothersome html codes, too.

A: Some codes (especially those that I use to make story layouts) disappear or get wacky when the editor is opened again which is cumbersome.  I honestly recommened using the marketplace for those who do not know much about html coding.

A: If you decide to have a change of heart, you can just activate a new layout and easily change your story's appearance without touching the codes.

A: It's just like Cinderella, okay?

 

We don't have a tutorial guest like usual to go over some helpful tips along the way but I've invited a special guest to answer some possible questions that you might have at the end of the chapter. Stay tuned!

 

 

Step 1


Firstly, go to the Layout Marketplace and select one of those blue links. It should look something like this: 

 

Story Layout 08 [Stationary - Cherry Blossom]

Price 10 karma points
Buyers 22

Please read the 'Author's Note' section found on the Preview link provided below for more information regarding this layout. Preview: https://www.asianfanfics.com/story/view/1292849/15 How to use: https://www.asianfanfics.com/story/view/1292849/3 @ann1914 I Visual Illusions https://www.asianfanfics.com/story/view/514589/visual-illusions

Please read the 'Author's Note' section found on the Preview link provided below for more information regarding this layout. Preview: https://www.asianfanfics.com/story/view/1292849/15 How to use: https://www.asianfanfics.com/story/view/1292849/3 @ann1914 I Visual Illusions https://www.asianfanfics.com/story/view/514589/visual-illusions

 

Step 2


You will then be directed to a new page and the top part will look like this:

 

Story Layout 08 [Stationary - Cherry Blossom]

Authorann1914
Published Apr 26, 2014
22 buyers

 
Buy for 10 points

 

 Before you buy the layout, there are 2 things that you need to know: 

(1) It is imperative that you purchase a layout that has {CONTENTID#} tags to be able to use the layout! The pound # sign should have a number. For example: {CONTENTID35} or {CONTENTID1}

(2) The tags used need to be encased in the squiggly brackets { } NOT the straight [ ] or curved ( ) ones!

 

After you've made sure of those two tips, click on the green button to buy the layout. Now it should say that you own the layout.

 

Story Layout 08 [Stationary - Cherry Blossom]

Authorann1914
Published Apr 26, 2014
22 buyers
You own this layout!

 

Step 3


Go to the end of your story chapter (or description/foreword) and you will find these buttons just right before the comments section:

 

Edit Chapter I Delete I Change LayoutRemove Layout

 

 

Click on the Change Layout link and it should redirect you to your purchased layouts. Find the layout that you want to activate and click on the green Activate for chapter button.

 

Story Layout 08 [Stationary - Cherry Blossom]

Price 10 karma points
Buyers 22

Please read the 'Author's Note' section found on the Preview link provided below for more information regarding this layout. Preview: https://www.asianfanfics.com/story/view/1292849/15 How to use: https://www.asianfanfics.com/story/view/1292849/3 @ann1914 I Visual Illusions https://www.asianfanfics.com/story/view/514589/visual-illusions

Please read the 'Author's Note' section found on the Preview link provided below for more information regarding this layout. Preview: https://www.asianfanfics.com/story/view/1292849/15 How to use: https://www.asianfanfics.com/story/view/1292849/3 @ann1914 I Visual Illusions https://www.asianfanfics.com/story/view/514589/visual-illusions

 

Activate for chapter

 

Step 4


Your layout is now activated! Head back to your editor and edit your text.

Encase your text with [CONTENTID#] [/CONTENTID#] in correspondence to where you want the text to appear using the predesigned {CONTENTID#} on the layout.

{ } brackets are used by the coders for marketplace layouts.
Example: {CONTENTID1}

[ ] brackets are used by the buyers for layout application.
Example: [CONTENTID1]Title[/CONTENTID1]

 

For this layout example that I'm using, this is what I put on my editor: 

[CONTENTID1]First Chapter: A Secret[/CONTENTID1]

[CONTENTID2]Under The Cherry Tree[/CONTENTID2]

[CONTENTID3]insert story[/CONTENTID3]

[CONTENTID4]insert author's notes[/CONTENTID4]

 

**Notice that there is no space before and after the CONTENTID tags. That is to make sure that your text follows exactly how the text is supposed to be coded/look like. For example, if the layout originally had 16 sized font, your story will also have 16 sized font.

Save your chapter and viola! You have now successfully applied the layout!

This is the marketplace layout that I used.

And this is how it turned out using the tutorial.

 

Questions and Answers


For our Q&A guest, it's none other than Sebastian Michaelis from Black Butler (Kurosuji) - Visual Illusions' very own main featured guest!

 

 

//smiles//

My name is Sebastian Michaelis. Please feel free to ask me questions regarding anything and I'll try to answer them if it is within my capability. Here, have a cup of tea while we go through these laborious questions and answers, my lovely guest.

#0
 

Can we change the font colors, sizes, etc.?

Yes, of course. Just edit them normally by highlighting the text and clicking on the desired drop down menu for font sizes, colors, styles, etc. on the editor.

#1
 

What about changing the images or colors of the layout?

No, you cannot change them.  If the layout already has text aside from the {CONTENTID#} tags, you cannot change those as well. Perhaps you can contact the layout creator and ask them if you can have the code to the layout or help you with changing the images and colors. Ann does not personally give out codes other than what she has put up for grabs on chapter 2 due to previous... circumstances.

#2
 

Can we add our own codes into the layout that we bought?

Absolutely. You can use borders or any other codes, add images, or use any of the buttons on the editor as an addition to your purchased layout. Just keep in mind that you already have a preset layout so this might change the design and how the layout is supposed to look.

#3
 

I did what was done in the tutorial but it still doesn't work!

Calm down. The CONTENTID tags are case and spelling sensitive. Please double check your work and make sure that you input the tags correctly. Don't forget that there is a slash after the second opening bracket when you close the tags like so: [CONTENTID#]input[/CONTENTID#]

#4
 

What if I don't want to put anything on a specific {CONTENTID#} tag?

You will still have to use the tag but instead of typing in text, leave a space. That way, that CONTENTID tag will be left unused and nothing will appear. Here's an example: 
[CONTENTID#] [/CONTENTID#]

#5
 

Can we use these layouts for our profiles or blogs?

As of this writing (August 13, 2017), the layout marketplace is only effective for stories or story threads. If you want to use them for your profile or blog, you need to have the codes to input/edit them directly.

#6

 

That will be all from me. If you have any other questions, again, feel free to leave a comment here. I will feature other questions that might help users in the future if need be. For being a good student, here, have a piece of (insert favorite pastry), my lovely guest.

#00

 

 

If you would like to view some of the layouts I made, just click on the 'Layouts' tab at the top of this chapter or click here.

- Ann and Sebastian

Back to Top ↑

 

Please Subscribe to read the full chapter
Like this story? Give it an Upvote! Thank you!
ann1914
Current personal favorites: RIVENDELL (for shops), V for Vendetta (for profiles), and PASSERINE (for stories).

Comments

Comments are disabled
ann1914
#1
If you are taking any of the freebie codes or are using any of these layouts, please comment on my portfolio. If you have any questions or concerns, you can drop them off over there as well.

Thanks for dropping by and if you're using my layouts, thank you for using them!

https://www.asianfanfics.com/story/view/514589/visual-illusions