Discussion on Lepores Fabulas–HTML5/CSS3/Jquery Blogger template

12 comments found

  • Bought between 100 and 499 items
  • Community Superstar
  • Exclusive Author
  • Has been a member for 4-5 years
  • United Kingdom

Has your design style written all over it… Great work – very unique. Good luck with sales

virtuti

Thank you so much!

  • Has been a member for 4-5 years
  • Bought between 10 and 49 items
  • Russian Federation

Tanja, vy udivitel’nyj dizajner. Vashi templejty vrjad li mozhno ispol’zovat’ v real’noj zhizni (uvy), no oni mogut suwestvovat’ avtonomno. Oni sozdany, chtoby imi ljubovat’sja, kak kartiny ili skul’ptury. Udachi vam i prodolzhajte tvorit’. Prostite, chto translitom, – temforest ne ponimaet kirillicu (v otlichie ot vas, naskol’ko mne izvestno).

virtuti

Oh, spasibo naigromneishee, ya Vashe pismo zanesu v svoui papochku Pohval (u menya est takaya:))). Hotya konechno, eto slishkom silno skazano, ya k sozahleniu iskusstvo ne delaiu, nado bilo bi konechno ili iskusstvo uchit ili historiu, no uzhe vremya to proshlo, vernut nelzya. Delaiu chto mogu i uzhasno rada esli liudyam nravitsya. Spasibo!!!

  • Sold between 10 000 and 50 000 dollars
  • Most Wanted Bounty Winner
  • Referred between 10 and 49 users
  • Europe
  • Bought between 100 and 499 items
  • Has been a member for 2-3 years
  • Microlancer Beta Tester

Congrats Tanya, great as always, happy to see it here.Now u can relax and enjoy your vacation ;)

virtuti

Hvala, my dear, coming to write you via email right now.

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hi,

Quick question, is the middle column resizable? This seems like it would be a great template for a project that I have, but because the posts would have a lot of text I would need more space on the posts column.

Thanks.

virtuti

Hello, yes, sure, 3 columns (orange, white, black) have fixed width and you may change the width of every column according your needs. You will need to make 3 simple tweaks in css file: 1) increase the width of post column itself 2) increase the width of container which holds all columns 3) change left margin. That’s it, hope that helps, thank you for your interest!

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hey, I’m not sure if this is a stupid question (sorry if it is), but how do I upload this layout to blogger? (I noticed that adding the xml file is not enough, since this is a much complex layout)

I’m aware that this is not actually a question about your layout (sorry about this as well) but since the demo is working on a blogspot.com domain, I thought you may be able to tell me how to do it.

virtuti

Hello, thank you! The question is not stupid:))) Yes, exactly, template contains set of css and js files which should be appended to html content. Best way is to upload all css and js (and images) files somewhere. I use my own hosting, if you will open demo site “view source” you will see URL of my hosting (for example: http://demo.virtuti.info/lepores/postimages/felicidades.jpg).

You can copy all css and js files content and paste them straightly to the <head> of xml file but imagine the length and amount of the copied code, it is will be pretty uncomfortable for you to edit your template in Blogger (you will need scroll down metres till you get your actual content–widgets, other html blocks and so on). Therefore, in order to make xml file readable and comfortable in use all css and js are stored in separate files and uploaded to hosting separately, they just linked to main (xml) file.

But, if you have no paid hosting–then you have no way, either copy and paste everything into the <head> of xml file or find some (maybe for free) hosting which will store css and js files. If you will find it, change in your xml file paths (for example replace in: <link href=’http://yourdomain/yourfolder/stylessheet.css' rel=’stylesheet’/> yourdomain/yourfolder with URL of your domain, you can read in Help file about this as well). If you have further questions feel free to ask.

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Thanks, I was able to upload the template using my host :)

Back to my first question about the post column width:

- I was able to find the post column on th css file and change it; - I couldn´t find the code for the container :( - I coudn´t find the margin that I need to change :(

Can you tell me which is the code that I need to look for?

virtuti

You need to edit dimensions in stylessheet.css. Find “wrapper”, then–column2, then column3 and then column4 styles. My column2 (posts column) is 300px wide. Let’s say, yours is 350px (+50 new pixels) wide. Change: 1) wrapper: 990px (940+50=990), 2) column2: 369px (assuming that you preserve 20px padding and 1px border like in my template–total 410px), 3) column3: margin-left: 710px (300px column1 + 409px column2 + 1px border) 4) column4: 750px (300px column1 + 409px column2 + 1px border + 40px column3).

In short, you simply add 50px to each dimension. If you need your column2 400px wide, you add 100px and so on. All styles go in descending order, so it is easy to find corresponding block.

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

It works!! Thanks!!!

I have one more (and hopely final) question. How I can I make the content from the column1 be the same for all pages? (I actually want it to be the same from the “home” page for any page on the blog).

virtuti

Ah, it is simple, you just need to delete conditional statements. Tick “Expand Content Widget”, straightly in Blogger. Find (you can use ctrl F) this piece of code:

 <!--PREFACE-->
<section class="main" id="main0" showaddelement="no">
<widget id="HTML1" locked="false" title="start" type="HTML">
<includable id="main">
<if cond="data:blog.canonicalUrl == data:blog.canonicalHomepageUrl"> 
---------
---------
:if>
:includable>
:widget>
:section>
</if></includable></widget></section>
Delete these two lines:
<if cond="data:blog.canonicalUrl == data:blog.canonicalHomepageUrl">
:if>
</if>

Now, this widget will appear on all pages. Second step is just delete those widgets which you do not need. You can now untick “Expand Content Widget” (for easier work) and delete:

<!--FOR ALL PAGES EXCEPT HOME-->
<section class="main" id="main1" showaddelement="no">
<widget id="PopularPosts1" locked="false" title="Popular Items" type="PopularPosts" />
<widget id="FollowByEmail1" locked="false" title="Follow by Email" type="FollowByEmail" />
<widget id="LinkList1" locked="false" title="Retro In Web Design" type="LinkList" />
:section>
</section>

Thus you will loose Follow by email, Popular posts and Linklist widgets. That’s it, not too much of labour:))) But, before you make modifications, backup template anyway.

virtuti

It seems code was not copied perfectly, so once again, you delete:

b:if cond=’data:blog.canonicalUrl == data:blog.canonicalHomepageUrl’ and /b:if

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 1-2 years

Hi, Ms. V.

I would like to inquire yet again. I would like to know if this template is perfect for a Blogger Blogspot blog. And if it is, what is the extent of my customization? Or, can I remove the attributions? Can I widen the area for posts? Thanks.

Also, I would like to know if I can ‘request’ for you to make a white version of this template, if possible. But, if you’re busy, this template is workable and beautiful as well.

Thanks very much. I would appreciate any response. Thanks again! :-)

virtuti

Hello, yes, sure, it is done solely for Blogger/Blogspot and does not fit anything else but Blogger:))

You need to know more or less html/css in order to make customisations.

Naturally, you can replace copyright details placed onto template with your ones. It is done only for the purpose to show where and how it can be placed.

Yes, of course, please scroll in comments section a little bit up to top, I was already asked same question, so you can see how I described how to do that (find my reply to Danitoste). Please see through my answer whether you can do that because modifications are required to be done in css file, you cannot do that without knowing at least a little bit of css.

Of course, I can make any customisation at some fee, but if you know to read/understand css you will be able to make white version yourself, it is pretty easy to do.

Thank you!

  • Bought between 1 and 9 items
  • Has been a member for 4-5 years

Hi Ms. Virtuti,

Great design, i just want to ask you does your design support right to left languages?

Regards, hesham

virtuti

Hello Hesham, it seems I somehow missed to see your question. Sorry for this. Yes, everything is possible to convert to RTL, just some work is required. If you will need it, talk to me. Thank you!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hello,

I sent the email- let me clarify. I’ve customized the theme to my liking and it looks fantastic. The only thing I’m stuck on is that I want inner page widgets (Popular posts, follow on email etc.) to be the only things showing inside and for the picture and text to only be on the homepage. Right now the picture and text are on the homepage but when I move into the post, they remain there and the Popular posts is under, barely showing.

You have my email if you’d like to reply there or here.

Thank you for the assistance!

virtuti

Great, many thanks for extra effort! Ok, actually as you see on my demo it shows exactly what you want: homepage–picture+preface text, inner pages–widgets only. Now, my question: could it be that you remove some piece of code that hides picture+text and reveals widgets and vice versa–that hides widgets and reveals pic+txt in xml file? If yes, you need to restore the code. Take a look below, this what should be in your xml file (when you tick “Expand Widget templates”)

<!--PREFACE-->
<section class="main" id="main0" showaddelement="yes">
<widget id="HTML1" locked="false" title="" type="HTML">
<includable id="main">
<if cond="data:blog.canonicalUrl == data:blog.canonicalHomepageUrl"> 
long piece of code goes here
:if>
:includable>
:widget>
:section>
</if></includable></widget></section>

And second one:

<!--FOR ALL PAGES EXCEPT HOME-->
<section class="main" id="main1" showaddelement="yes">
<widget id="PopularPosts1" locked="false" title="Popular Items" type="PopularPosts">
<includable id="main">
<if cond="data:blog.canonicalUrl != data:blog.canonicalHomepageUrl">
long piece of code goes here
:if>
:includable>
:widget>

<widget id="FollowByEmail1" locked="false" title="Follow by Email" type="FollowByEmail">
<includable id="main">
<if cond="data:blog.canonicalUrl != data:blog.canonicalHomepageUrl"> 
long piece of code goes here
:if>
:includable>
:widget>
one more widget goes here......
......................................
:section>
</if></includable></widget></if></includable></widget></section>

If you compare and see that everything is identical send me your xml file (I shall try to figure our why it happens), if you see that something is removed/deleted/anything from your code, recopy all code from my xml file and you will get what you see on my demo=what you need. Thank you!

  • Bought between 1 and 9 items
  • Has been a member for 4-5 years

Hi Ms. Virtuti,

I could not get the top left plus button to show, please advice me what is that i’m missing. thank you.

Regards, hesham

virtuti

Hello, thank you very much for purchasing! I need a little bit more explanation: you do not see the button itself (its image literally) or you see it and it does not open the panel or another (third) problem? If you will clarify I shall help you gladly with clear answer. Thank you! Tanya

Default-user

Thanks for your replay, i do not see the button itself, and also i need to make all the text RTL if you could help me with that also. Thanks for your cooperation, and for the design :)

virtuti

Hello! Ok, probably you did not linked it correctly, check URL of the image and URL of that very image which you have placed into xml file. Naturally, both should be identical.

Second question: yes, sure, luckily I deal a lot with RTL, since, well, I read and write from right to left not only in web but in my normal daily life as well:))) So, if you will need my service about converting full template/site/blog into RTL, I think we can discuss it by email, drop me a line via profile, I shall get email. Thank you very much! Tanya

virtuti

It seems I found your older question which I missed to read, relied it just now and realized that I already had been talking to you afterwards, sorry that did not answer on time, did no see it here among comments…

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

could you make it responsive? Because if you test it, in example, here http://ipadpeek.com/ your (fabulouse) template seems unusable on tablets…

virtuti

Hello, it was done fixed (as stated in description). I do not remember what prevented me to make it fluid, probably there was some reason, I think so. Anyway, I shall review the code in my spare time, maybe there is no obstacle to recode it and make responsive, it ‘ll take me some time. Thank you!


by
by
by
by
by
by