About

Hello! I am Towfiqul Islam, a freelancer web designer/developer from Bangladesh, working for 3 years now. Designing is my passion. Most of my design skills are self taught.

Other than web, print design, I design websites from scratch with XHTML, CSS, jQuery. I find website designing very challenging and interesting. I also build wordpress, Joomla and other popular CMS Templates.

About

Xhtml Template: Calliope

Calliope is a Xhtml/CSS3 Template with Cu3er Slideshow included.

Features:

  • Cu3er Slideshow

Compatibility:

  • Internet Explorer 6+
  • Firefox 2+
  • Safari 5
  • Opera 8+
  • Netscape 6+

Demo:

Link1

Download:

Link1

51 Responses to “Xhtml Template: Calliope”

  • Daniel
    on June 20, 2010 at 6:34 am

    This is amazing
    I enjoy working with computers, and plan on studying computer science. I only wish i already knew so that i could create amazing work just like you
    i love it

    Reply
  • Tattoo Removal
    on July 29, 2010 at 4:23 pm

    ¡Gracias!

    Reply
  • Zodraz
    on August 12, 2010 at 7:37 pm

    Cool!Amazing web template! I chosed among hundreds (or thousands…) By the way is the flash available to modify?

    Thanks!And keep going the same way!

    Reply
  • admin
    on August 12, 2010 at 9:38 pm

    yes! you can modify it.

    Reply
  • Arnab
    on October 15, 2010 at 9:04 pm

    dear all, i am facing a problem with this template .i am using it as a subdomain.when i open the template in my machine from local folder all is well but after uploading it in my server @ http://www.arnabsoft.mobtent.com the animation is not playing in index page.i have check the xml and other files and i also uploaded it multiple times. So i need your help egarly.

    Reply
    • admin
      on October 15, 2010 at 9:08 pm

      in the image folder the images are saved as “Slide1.jpg” & “Slide2.jpg”
      Rename them to “slide1.jpg” & “slide2.jpg”

  • Cubikated
    on November 2, 2010 at 10:22 pm

    Love this Template. Is there anyway to get the PSD files so that I could use my own colours?

    Reply
  • Arnab
    on November 5, 2010 at 8:01 am

    Thank u verymuch admin……you people are awaresome……keep going…….Thanks a lot again

    Reply
  • ohs
    on November 10, 2010 at 5:19 pm

    this template is amazing but I am not sure how to modify the flash. I went through all the files through editors and can’t find the text. How do you modify the flash.

    Thanks!!!

    Reply
    • admin
      on November 10, 2010 at 7:19 pm

      put your desired image files in the image folder. Now open up config.xml file
      and find these lines:

      1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

      	<slides>
 
        <slide>
            <url>images/slide1.jpg</url>
        </slide>
		<!-- changing transition between first & second slide -->
        <transition num="1"  direction="down"/>
        <slide>
       		<url>images/slide2.jpg</url>
        </slide>		
		<!-- changing transition between second & third slide -->
        <transition num="1" direction="right" shader="flat" />
		<slide>
            <url>images/slide1.jpg</url>
        </slide>
        <!-- transitions properties defined in transitions template -->
		<slide>
       		<url>images/slide2.jpg</url>
        </slide>
		<transition num="4" direction="up" shader="flat" delay="0.05" z_multiplier="4" />
        <slide>
       		<url>images/slide1.jpg</url>
        </slide>
 
	</slides>

      change the slide1.jpg and slide2.jpg with your image file names.

  • Roy
    on November 26, 2010 at 10:23 am

    Hi,

    I’m getting the error:

    The parent theme is missing. Please install the “Calliope” parent theme.

    Any ideas?

    I also have the same problem for you Gaia theme:
    The parent theme is missing. Please install the “Gaia” parent theme.

    Thanks in advance!

    Reply
  • Alam
    on January 4, 2011 at 5:13 am

    how can i add a description text for each of the images? i have added description tag with header value inside silder but it doesnt work for me. any luck? appreciate your help.

    Reply
  • kangz
    on January 10, 2011 at 1:30 pm

    Hi, good work.

    I wanted to know if it possible to modify the config file to allow one to open the image as a link

    Reply
  • Robert
    on January 10, 2011 at 11:10 pm

    Just want to tell you that this template is really great!!!

    Reply
  • fay
    on March 17, 2011 at 1:29 pm

    not able to see the demo?

    Reply
  • Mapleware
    on April 12, 2011 at 9:04 pm

    Hello Towfiq! Thank you so much for making this template free and open source. I was testing out my webpage, and I can’t seem to get the flash animation working. I only changed one thing in the config.xml file (the slide1.jpg) and that’s it. Now, my flash banner doesn’t load. Can you help?

    http://mapleware.info/index_test.html

    Thank you.

    Reply
    • Towfiq I.
      on April 12, 2011 at 9:19 pm

      There is a typo in the config.xml file .. the first letter of “slide1.jpg” , “slide2.jpg” should be capital. It should be
      “Slide1.jpg” , “Slide2.jpg” . Slide1.jpg and Slide2.jpg file should exist in images folder in order to run the flash component.

  • seiya
    on August 6, 2011 at 9:25 pm

    Hello, thx for template, but I have a question:
    Everything works fine on my wamp server but when I upload on my ftp, the flash slideshow doesn’t start, the “loading” icon goes to full then, nothing, any ideas?
    maybe apache version, or something like that?
    thx for help guys

    Reply
  • seiya
    on August 6, 2011 at 9:32 pm

    Caps sensitive, remember that guys.
    Slide != slide

    thx anyway guys

    Reply
  • dawg
    on August 9, 2011 at 12:30 pm

    Great work!
    You should add the Slide1.jpg=slide1.jpg instructions to the readme.txt file….. or have both versions, will save a lot of questions!
    May I ask which fonts did you use for the logo image?
    I’d like to keep the “fat” look of Calliope. i love it….

    Reply
  • Callam
    on September 6, 2011 at 11:58 am

    Hi I cant seem to add pictures to the site, i want to add a PNG button i created in photoshop, when i preview the website in dreamweaver it is as if the file is missing and there is no image.

    Reply
  • Manuel
    on October 15, 2011 at 9:25 am

    Hello man, the template is really great. I have a strange problem. I have done other page with ” Save as ” . And when i open it in my site, i don’t see the template, only the text i have added.

    Reply
  • Manuel
    on October 15, 2011 at 11:36 am

    Thanks a lot for the support. When i make the site i will put a banner of your site if you want. Have a nice day.

    Reply
  • senao
    on December 2, 2011 at 9:44 pm

    i love it. free and beautiful

    Reply
  • Jamal
    on December 31, 2011 at 4:31 am

    Very nice. I never leave comments but it’s worth taking the time to thank you for being so giving. You also have some nice premium templates and I wish you the best of luck with getting people to notice you exceptional work.

    Thanks!

    Reply
  • prat
    on January 24, 2012 at 3:15 am

    hey Towfiq I.! your template is awesome… but sorry to say this but i’m having problems after i uploaded it to my server.

    after i uploaded all the files in to my server afterwards all i’m looking at is just texts… there are no images , there is no flash appearing?

    can you help me out here please … thank you

    Reply
    • Towfiq I.
      on January 24, 2012 at 8:12 am

      Prat There is a typo in the config.xml file .. the first letter of “slide1.jpg” , “slide2.jpg” should be capital. It should be
      “Slide1.jpg” , “Slide2.jpg” . Slide1.jpg and Slide2.jpg file should exist in images folder in order to run the flash component.

  • Ann Wendlick
    on January 24, 2012 at 6:59 pm

    Thanks so much for this template—I love it and it works great!

    Reply
  • prat
    on January 25, 2012 at 6:25 am

    THANK YOU SO MUCH!!!

    everything is working fine now… thanks a lot… take care

    Reply
  • Ken
    on January 26, 2012 at 1:36 pm

    Love this website, and that it is free. Can I be cheeky and ask for some help? On the flash animation I have removed the back and forward buttons and increased the time between transitions. However, I would like the timer to be a simple start/pause button. Is that possible? Thanks.

    Reply
  • Jared
    on January 29, 2012 at 3:10 pm

    hi. trying to edit

    but 2 things.

    the black bits on the left and right side of banner/header at top of page wont let me add anything there, seems to be blocked.

    also background image, wont let me align it to fit in with the page.

    thx. (no site yet as editing before upload)

    Reply
  • Jared
    on February 5, 2012 at 12:59 am

    well. i basically drag and drop .. or i try to place it in but it wont let me add it in.

    topnotchservers.net/jared (my friend gave me this domain as a tester to see what it would look like)

    If you see what i mean.. at the very end of the black header at the top it doesnt let you add anything there.

    ive tried drag and drop like i’ve said and also placing it in but it wont let me

    Reply
    • Towfiq I.
      on February 5, 2012 at 10:27 am

      I don’t what software you are using to drag and drop. You should add image like this:

      1. Upload your image to “images” folder and add this codeto index.html file, after menu:

      1

      <img src="images/your_image.jpg" />
  • david
    on May 9, 2012 at 9:43 pm

    deweryt

    Reply

Trackbacks & Pings

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">