Frequently Asked Layout Questions

  • Jack Donaghy

    Jack Donaghy (450)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United States
    For a comprehensive look at creating a custom story layout, please visit Mibba's Knowledge Base article: Creating a Custom Story Layout.

    General Questions

    Q. Can someone make a _____ layout for me?

    Please ask for a layout in the Request A Layout Thread. Most users with Mibba Layout Websites, listed here, will accept requests; be sure to check their guidelines for requests before submitting one.

    Q. Where can I find premade _______ layouts?
    • For stories: here
    • For poems: here
    • For blogs: here
    • For profiles: In this thread, or on the Mibba layout websites listed in this thread.
    Q. The _____ layout maker won't work for me. Why?

    Right now Mibba's layout maker works best with the Google Chrome internet browser. You can download Google Chrome here for free.

    Q. What's a direct link to an image and where do I find it?
    All images used in story, poem, blog, or profile layouts must be uploaded somewhere on the internet (ie, you can't upload them to Mibba from your computer). An image that has been uploaded to the internet is located on a unique page that ends in the file type of the image (.jpg, .png, .gif).

    The method for finding the direct link varies from browser to browser, but if you right-click the image, you should have an option along the lines of "Properties" or "View image info". Click that and you'll be able to find the location of that image.

    That said, when using an image in a layout, you should upload it to a image-hosting site (eg, imgur, photobucket). If you don't, you risk losing the image if whoever put the image on the site you found it on moves or deletes it. You're also using that website's bandwidth without their permission, which isn't nice. When you upload an image to an image-hosting site, you'll be given several different links/lines of code, one of which will be labeled "Direct link". Copy that one to use in layouts on Mibba.

    Custom Profile FAQ

    The majority of this FAQ was taken from lovecraft's original thread; she also deserves credit for the majority of my understanding of making layouts on Mibba.

    Some basic profile names:
    • <div>: A <div> is a section of your profile. A div that looks like this: <div id="stories"> is called stories. When you use CSS, you need to know these names to change the colors and other details of that section. So, if you wanted to change the color of your font in your stories section, you would use this code: #stories {color:#ff0000;}

      Header: A header is the title of your section. The code for headers is <h2>. The code for all h2 headers is h2 { }. The code for just the header in a div called stories is #stories h2 { }.

      Links: Links are links to different pages. They use the code a. The codes for links in a div called poems is #poems a.
    Q. Where do I enter my CSS, and where do I enter my HTML codes?

    CSS and HTML are now entered on the same page. Go to My Mibba >> Profile >> Custom profile. All your CSS code should be entered between these two tags:
    <style type="text/css">
    CSS HERE
    </style>


    Your HTML code should be entered below that.

    Q. How do I change the color of the font in [example] section?

    Font colors for any section are changed with this code in your CSS: #example {color: #000000;}

    Q. How do I change the background color of [example] section?

    Background colors for any section are changed using this code in your CSS: #example {background-color: #00ff00; }

    Q. How do I align text in [example] section?

    Use this code in your CSS: #[example] {text-align: center;}

    You can set text-align to right, left, or justify.

    Q. How do I change the font of [example] section?

    Fonts in any sections are changed using this code in your CSS: #example {font-family: times;}

    You can use any font, but it won't show up if it's not installed on the computer used to view your profile. A list of web-safe fonts can be found here. Remember that if the font name is more than one word, it must be in quotation marks.

    Q. How do I make a background color transparent so I can see the picture behind it?

    Use this code in your CSS: #example {background-color: transparent;}

    Q. I want to put [example] in a scrollbox, how do I do that?

    Use this code in your CSS: #example {height: 300px; overflow:auto;}
    Adjust height to what suits your section.

    Q. How do I edit the links at the top of the page?

    Use this code in your CSS: html body div #menu, html body div #menu a, { }

    Q. How can I make my [example] links change color/font/size when I mouse over them?

    Use this code in your CSS: #example a:hover { }

    Q. How do I stop the menu links from being underlined when I hover over them?

    Use this code in your CSS: html body div #menu a:hover {text-decoration: none;}

    Q. Which keywords still work with New Mibba and which don't?
    {USERNAME}, {INFO}, {STORIES}, {ARTICLES}, and {POEMS} still work. {JOURNALS} works for blogs. Be aware that empty stories show up with the {STORIES} keyword; you may want to limit the number of stories shown for that reason.

    The following keywords do not work anymore: {IMAGE}, {PHOTOS}, {FRIENDS}, {ABOUT}, and {COMMENTS}.

    Q. I'm using the stories/poems/articles keyword; how can I make it show X number of stories/poems/articles?

    The format is {KEYWORD:X} If for example you want your stories list to show 25 stories, put {STORIES:25}.

    Q. How do I add an image to my [example] background?

    Use this code in your CSS:
    • #example {background-image: url(direct link to image); background-position: top; /*can be left, right, center, bottom, top left, top right, center left, center right, bottom left, or bottom right*/ background-repeat: no-repeat; /*can be repeat, repeat-x, or repeat-y*/}
    Q. How do I place an image above my top menu/above my main div?

    Use this code:
    • body {background-image: url(direct link to image); background-position: top; background-repeat: no-repeat; margin-top: 300px;}
    or this code:
    • body {background-image: url(direct link to image); background-position: top; background-repeat: no-repeat;}
      #main {margin-top: 300px;}
    The number for margin-top should be at least the height of your image.

    Q. How do I add a banner to my profile?

    There are two ways. If you'd like a pattern/image as the background as well as a banner, use this code at the very top of your HTML: <img src="direct link to image">

    You can also set up the body section of your CSS like this:
    • body {background-color:#hex;
      background-image: url(direct link to image);
      background-position: center top;
      background-repeat: no-repeat;}
    Story Layout FAQ

    Q. Where do I access the story layout maker?

    You can access the layout maker here. To create a new layout, simply click the new layout button to the right.

    Q. My summary page looks the way I want it, but how do I change the text on my chapter pages?

    Go to Text >> Text to change the fontface, color, and size of the font for your chapters.

    Q. The text on my chapter pages is all jumbled together and unreadable, help?

    Your line height is set too low. Set it to at least the size of your font through Text >> Text >> Line height.

    Q. How do I get a banner for my story?

    To learn to make your own story banners, you can visit the Graphic Making Tutorials thread to find tutorials for making banners written by other Mibba users. You can ask questions in the Photoediting Questions & Tips thread, which also has a list of tutorials and other resources in the first post.

    You can request a story banner here or use one of the pre-made story banners in this thread.

    Q. How do I insert a banner into my story layout?

    Directions for doing so can be found here.

    Q. How do I insert a banner into my summary or at the top of chapters?

    Do so with BBcode. The code is:
    [img]direct link to banner[/img]

    Q. Where can I find page/story dividers and how do I use them in my story?

    You can find or request page dividers in this thread.

    To insert them in a story, use BBcode:
    [img]direct link to image[/img]

    Q. How do I move the content box from the center of the layout?

    Go to Content >> Box >> Margin; you should see the right and left margin blank except for a check box. Checking "Left" will change the left margin to 0 (ie, move the content box to the left side of the screen); checking "Right" will change the right margin to 0 (ie, move the content box to the right side of the screen).

    Q. I made someone / someone made me a story layout, how do I / they transfer it?

    The author of the story needs to add the layout-maker as a co-author. (Do so by going to My Mibba >> Stories >> Stories and click the "Authors" button for the story.) The story will then appear on the layout-maker's story page, so they can apply the layout as they normally would. Once the layout is applied, the author can remove the layout-maker as a co-author and the layout will stay behind. The author won't be able to edit the layout, though, and any changes the layout-maker makes to the layout will apply to the story, even after the layout-maker has been removed as an author.

    Poem Layout FAQ

    Q. Where do I access the poem layout maker?

    You can access the layout maker here. To create a new layout, simply click the new layout button to the right.

    Blog Layout FAQ

    Q. Where do I access the blog layout maker?

    You can access the layout maker here. To create a new layout, simply click the new layout button to the right.

    Q. How do I change the color of links in the text of my blog?

    Change to the color you want at Page > Text > Link color.
    Helpful Links

    Story LinksPoem Links
    Blog Links
    Custom Profile LinksOnline Layout Tools
    If you have any questions you've seen frequently asked that I've missed, please post.
    May 29th, 2012 at 07:33am
  • Interception_Sunset

    Interception_Sunset (150)

    :
    Member
    Gender:
    Age:
    20
    Location:
    United States
    I feel weird posting here since there is only one post, but I do have a question.

    I keep trying to make a new story layout, but as much as i click and change things, it stays as the default layout that it was before. Then, if I even attempt to save the nothing that I created, it freezes up as a blank page and i have to go back.

    ???

    EDIT: Oh, NOW it works. -_- God, sorry.
    July 14th, 2012 at 08:01pm
  • Jack Donaghy

    Jack Donaghy (450)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United States
    @ Interception_Sunset
    That sounds like a problem with your browser – are you using Internet Explorer? A lot of users who do have been having problems like that with the layout maker.

    Edit: Oh okay. Must've been a temporary glitch. Cute
    July 14th, 2012 at 08:32pm
  • kmfdm

    kmfdm (200)

    :
    Member
    Gender:
    Age:
    22
    Location:
    United States
    Firefox is one of the browsers that works with the layout maker too. Newer versions, I'd say work the best.
    July 15th, 2012 at 06:27pm
  • thebodyeclectic

    thebodyeclectic (100)

    :
    Member
    Gender:
    Age:
    24
    Location:
    United States
    is there a way to share poem layouts?
    say, if someone requests a poem layout, how would we put it on their poem?
    July 15th, 2012 at 10:20pm
  • Kurtni

    Kurtni (10125)

    :
    Member
    Gender:
    Age:
    27
    Location:
    United States
    shake me down.:
    is there a way to share poem layouts?
    say, if someone requests a poem layout, how would we put it on their poem?
    You would need to make the layout public and tell the person the title. Then, they can find the layout here. You can make a layout public by clicking the share button by your layouts title here.
    July 15th, 2012 at 10:30pm
  • HarlequinGirl.

    HarlequinGirl. (100)

    :
    Member
    Gender:
    Age:
    21
    Location:
    Denmark
    I'm having trouble with putting a picture as a kind of a banner in my layout. (I could do it before but the new layout maker is confusing) but I uploaded the picture, and I can see a tiny strip of it at the top. But when I try to change margins and such and the width in the box sections EVERYTHING goes white. And I saw someone write that you have to change the padding, but there's no such thing called padding in the box section as far as I can see. Help?
    July 18th, 2012 at 02:48am
  • Kurtni

    Kurtni (10125)

    :
    Member
    Gender:
    Age:
    27
    Location:
    United States
    xDisasterKidx:
    I'm having trouble with putting a picture as a kind of a banner in my layout. (I could do it before but the new layout maker is confusing) but I uploaded the picture, and I can see a tiny strip of it at the top. But when I try to change margins and such and the width in the box sections EVERYTHING goes white. And I saw someone write that you have to change the padding, but there's no such thing called padding in the box section as far as I can see. Help?
    Do you want your banner to be at the top of the page, in text or in content?
    July 18th, 2012 at 03:54am
  • HarlequinGirl.

    HarlequinGirl. (100)

    :
    Member
    Gender:
    Age:
    21
    Location:
    Denmark
    At the top of the page, with no text on it.
    July 18th, 2012 at 03:55am
  • Kurtni

    Kurtni (10125)

    :
    Member
    Gender:
    Age:
    27
    Location:
    United States
    @ xDisasterKidx
    Ok, when you're in the box section, you have to scroll down. First you'll see margins, padding is below that.
    July 18th, 2012 at 03:59am
  • HarlequinGirl.

    HarlequinGirl. (100)

    :
    Member
    Gender:
    Age:
    21
    Location:
    Denmark
    ah okay! thanks :)
    July 18th, 2012 at 06:01pm
  • sibyl vane.

    sibyl vane. (100)

    :
    Member
    Gender:
    Age:
    24
    Location:
    United States
    So, I'm pretty sure this has been asked, but in story layouts, every time I save a new layout, the check boxes for margin/padding for left and right uncheck themselves. How do I stop it?
    July 20th, 2012 at 12:12am
  • Jack Donaghy

    Jack Donaghy (450)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United States
    @ sibyl vane.
    Hmm, I think it's a glitch. I'll report it on the staff board.

    Edit: Are you using Chrome? 'Cause when I did it in Chrome I had the same problem, but I tried in Firefox and the right margin stayed where I put it after saving.
    July 20th, 2012 at 12:18am
  • sibyl vane.

    sibyl vane. (100)

    :
    Member
    Gender:
    Age:
    24
    Location:
    United States
    Yeah, I'm using Chrome. Thanks for the tip.
    July 20th, 2012 at 03:19am
  • Chaos Walking

    Chaos Walking (255)

    :
    Member
    Gender:
    Age:
    21
    Location:
    Great Britain (UK)
    I’ve been trying to make a layout work with a story I’ve written for a few days now. I’ve created the layout and written the story, but for some reason when I submit the story and go to see what it looks like, there’s just a black box after the chapter title, and no text. The summary page is fine, but the actual story is just a small black box.

    I’ve tried using Safari, Firefox and Chrome and it stays the same on all three.
    July 21st, 2012 at 08:03pm
  • Jack Donaghy

    Jack Donaghy (450)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United States
    @ Chaos Walking
    Does it look anything like this? If so, it's the line height – go to Text >> Text and change it there. If not, it's still an issue somewhere in Text >> Text if it's only showing up on your chapter pages, so check out those settings to see if anything's off.
    July 21st, 2012 at 08:27pm
  • Chaos Walking

    Chaos Walking (255)

    :
    Member
    Gender:
    Age:
    21
    Location:
    Great Britain (UK)
    @ battalions
    It didn’t look like that, more like just a black box (equal sides without the shape of letters) but I messed around with the text settings for the different parts of the layout and it’s fixed now. I think it was the line height, but it’s hard to tell when I redid all my text settings XD
    July 21st, 2012 at 09:37pm
  • Skyelight

    Skyelight (100)

    :
    Member
    Gender:
    Age:
    26
    Location:
    United States
    Is there a way to make layouts on Mibba mobile? I have an iPhone 4, and it's what I use to upload my stories since I have no computer. But I've been wanting to enter contests that say I have to have an original layout, and I was wondering if I could somehow use my iPhone to make layouts.
    July 22nd, 2012 at 06:29pm
  • Jack Donaghy

    Jack Donaghy (450)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United States
    @ Skyelight
    I don't think the layout maker works on mobile browsers, although you might try switching to the full site on the story layouts page and seeing what happens if you try to create a new layout.

    If you can't get to a computer to create a story layout but still want one, your other options are to use one of the public layouts or to request a layout here.
    July 22nd, 2012 at 07:18pm
  • Skyelight

    Skyelight (100)

    :
    Member
    Gender:
    Age:
    26
    Location:
    United States
    @ battalions
    Okay. I'll try switching to full site to see if that works. If not, I'll just use a pre-made one or try to get one made. Thanks!

    Edit: Switching to the full site worked! It took a little while, but I was able to make one. Thanks!
    July 22nd, 2012 at 08:18pm