Keep calm this isn't the end of the world, the preview is just missing.

Mondrian - HTML/CSS Facebook Template - 1Mondrian is super-customizable single page template for Facebook Custom Tab.

Features

  • 810px width
  • Masonry jQuery powered grid system
  • Very flexible layout with infinite possibilities
  • Customizable color scheme
  • Lightbox for your portfolio
  • Flickr feed
  • Google Map
  • Flexslider
  • Font icons

Note: You should have SSL Certificate to install the facebook template. Instructions included.

  • Are there installation instructions in the files?

    • glorm

      Author

      Of course!

  • Really impressed with this theme! I wondered if I can open a url instead of the image in the project popup box?

    • glorm

      Author

      Yes, all you have to do is remove class="cbox" from the link! :) Example: &lt;a href=&quot;img/projectLarge1.jpg&quot; title=&quot;Project Description&quot; <strong>class=&quot;cbox&quot;</strong>&gt;&lt;img src=&quot;img/project1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;

    • lisal

      Author

      I would like the link to actually open in the pop-up box. Is this possible somehow? I don't want a new window to open.

    • glorm

      Author

      Ah, I see! I believe this is the solution: &lt;a class=&quot;iframe cbox&quot; href=&quot;http://address.com&quot;&gt;Outside Webpage (Iframe)&lt;/a&gt; The theme uses colorbox jQuery plugin. You can check out even more options here: http://www.jacklmoore.com/colorbox/

  • Hi there, I'm really wanting to pull in an Instagram feed to show instead of flickr in a box using snapwidget. Here is an example of the code. How could I get this to work? <!-- SnapWidget --> <iframe src="http://snapwidget.com/in/?h=YW1hemluZ3xpbnwxMjV8M3wzfHxub3w1fG5vbmV8b25TdGFydHx5ZXM=&v=6314" title="Instagram Widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:390px; height:390px"></iframe>

  • Could the people that bought this template post there link, I would like to see the outcomes.

    • glorm

      Author

      Hi, you can check out a tester here: http://www.facebook.com/pages/Theme/124638544358411?sk=app_208195102528120

  • Nice Work :)

    • glorm

      Author

      Thanks a lot!

  • Your work is perfect! well worked out every detail!

    • glorm

      Author

      Thank you very much!

  • Awesome design glorm, glws mate! ;)

    • glorm

      Author

      Thank you!

  • I bought today Mondrain...it looks very cool! But I have problems...like others, when i put the url http, I can see only text and images wothout the layout, and I f I use https... I can`t see anything. What´s wrong? The possibility to disable the 810px timeline I did´nt found it, but I follow all the other instructions.

    • glorm

      Author

      Hello, sorry for the delay. Woobox now defaults to 810px wide by default and you no longer to choose it. I believe the problem is that you have to have SSL certificate on your webserver where you host the web files.

  • Hi, I have few pre-sales questions which are as follows- 1. Is the theme a Responsive theme, if not, how can it be made as one? 2. Can the width of the entire template be increased? 3. Can the placements and sizes of the boxes be changed as per requirement? Please assist with the following. I really like the theme. Regards, Zana

  • links to social media and Read More link not working. Checked the code but can not find out why it's not working http://www.facebook.com/pages/Casa-Binami/360521030729566?id=360521030729566&sk=app_208195102528120

    • glorm

      Author

      Hello, I am terribly sorry about the delay in response! I see that social media links are working - could you tell me which version of browser you're having trouble? For the read more link, please add this line of code to the CSS file for "more" class (you can find "more" class at line 318) : z-index: 999;

    • lwrkrol

      Author

      it's indeed working in IE but not in Safari. The Read More link is working now. Thanks

    • glorm

      Author

      Hi, put these lines of codes in the CSS file: .socialMedia li a { position: relative; z-index: 999; } Thanks!

  • So I guess I am missing something... I tried to put the code on my page but it just shows up text. Where are all the pretty boxes and stuff?

    • glorm

      Author

      Could you tell me more details about code you're speaking of? Thanks!

    • glk16

      Author

      I guess I don't know what code... your instructions just say "code"

    • glorm

      Author

      Could you share the link to your site or page? Also, could you tell me which instructions you are speaking of? Is it for installing the Facebook template?

    • glk16

      Author

      Yes I am sorry - for installing the facebook template..... i am trying to put it on "kiep marketing" on facebook

    • glorm

      Author

      Could you be more specific about where you're having trouble? You do not put any codes into Facebook. The finished template has to be on your own server, and the instructions for installing it on Facebook does not require any codes on your part. You would simply input the URL. Also, a link to your page would help a lot.

  • Awesome :)

    • glorm

      Author

      Thank you! :)

  • Greetings all, sorry-kinda late to the game and kinda slow on the uptake :) Was curious, is there "how to video" from start to finish on how to use this template via the latest Facebook layout. Meaning what you need to do to prepare, host, what files to upload etc. I'm sorta a n00b to all of this and don't quite get all the apps you need to create in FB and tabs etc to make this work. I got as far as hosting and uploading the files via FTP.

  • I added it as a tab using the woobox instructions. The plus signs don't expand the content. I tried both my customized site and your original files. https://www.facebook.com/l2webdesign/app_195646697137509

    • glorm

      Author

      Hi, when using woobox, you don't need SSL. Try entering the URL without "https://", instead enter "http://" It looks like it's only happening in Chrome which gives "This page has insecure content.", which means the page is not secure. It looks like JavaScript is not loading.

  • Themexylum

    9 Hours Ago
    support
    Reply

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis.

  • Codepoet_Biplob

    9 Hours Ago
    code quality
    Reply

    Awesome theme. All in one Business Website Solutions.

  • PaglaGhora

    9 Hours Ago
    design quality
    Reply

    Best theme ever....

  • Hearingorg

    12 days Ago
    support
    Reply

    Very helpful support - above and beyond is my experience and I have purchased this theme many times for my clients.

  • ecom1206

    5 Hours Ago
    code quality
    Reply

    Awesome theme. All in one Business Website Solutions.

  • Mr.Mango

    1 month day
    design quality
    Reply

    Retina logo won't work retina logo won't work

    • AazzTech

      6 Hours Ago
      Author

      Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis.

  • Hearingorg

    12 days Ago
    support
    Reply

    Very helpful support - above and beyond is my experience and I have purchased this theme many times for my clients.

  • Tueld

    23 Minutes Ago
    code quality
    Reply

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis.

  • Living Potato

    3 months ago
    customization
    Reply
  • Visual-Eggs

    125 years ago
    support
    Reply

    This is the finest art in the history of whateverland. Pastor: No it's a witchcraft.

Contact the Author

Please sign in to contact this author.

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher. Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut sceleris que the mattis, leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher .

Mais itens deste mesmo criador

Creative Agent - Responsive Studio Portfolio

Creative Agent is a clean and modern HTML5/CSS3 theme, built on the Twitter Bootstrap framework. It is suitable for small businesses, creative portfolios, or personal sites. It is fully responsive, scaling to all screen and device sizes. Creative Agent uses jQuery powered filtering options for the work portfolio and is very customizable with multiple patterns and colors. Features Responsive / Mobile-Friendly Twitter Boostrap 220 Icons 11 HTML files Homepages – 2 different main slider options Pages – About, Services, Elements, Icons Work Single work project page News/Blog Single news/blog page Contact Feature slider for homepage and projects Color and background pattern cu

R$ 136,00

35

Mars Tumblr Theme

Clean and responsive magazine-style Tumblr theme. Comes with pre-defined dark and light themes. Features Responsive / Mobile-friendly Dark and Light Theme Color Customization All Post Types Photoset slider and responsive vieo Widgets Flickr feed Disqus Comments Google Analytics

R$ 152,00

33

STRAND - One Page Parallax Bootstrap Template

STRAND is a multipurpose one page parallax template, built for studios, creative professionals, personal portfolios, and other general business. Layout is built with Twitter Bootstrap and fully responsive. Feel free to experiment with your own color schemes or use pre-defined color scheme. STRAND also comes two different ways to showcase your portfolio or featured works.

R$ 120,00

57