Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    May 2013
    Location
    Sydney Australia
    Posts
    23
    Member #
    36308
    High everyone,
    I am building a new Joomla Template, I have created a Image for the Logo minus the text, I am just wondering is there a way with CSS 3 or Jquery to Arc text . I know it will not work with older browsers but that's not a problem.

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    You can fake it using CSS3 with lettering.js: http://css-tricks.com/set-text-on-a-circle/
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Junior Member
    Join Date
    May 2013
    Location
    Sydney Australia
    Posts
    23
    Member #
    36308
    Thx for the info Ron, I will give it a try and post the results.

  5. #4
    Junior Member
    Join Date
    May 2013
    Location
    Sydney Australia
    Posts
    23
    Member #
    36308
    Hi Ron, the code works pretty good for certain text, but because you need a span for every letter I can't use it for the Title / Logo, for anyone else interested there a site that generates it also here csswarp.eleqtriq com (sorry can't add full urls) anyway thx mate.

  6. #5
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Quote Originally Posted by petergoeswest, post: 251254, member: 36364
    Hi Ron, the code works pretty good for certain text, but because you need a span for every letter I can't use it for the Title / Logo

    Unless your logo is an image, I don't see why it wouldn't work. Lettering.js adds the spans and gives you a class automatically, you just style them from there.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  7. #6
    Junior Member
    Join Date
    May 2013
    Location
    Sydney Australia
    Posts
    23
    Member #
    36308
    Thx I got it working.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

arc text css

,

arc text using css

,

arch text with css

,

css arc text

Click on a term to search for related topics.
All times are GMT -6. The time now is 03:11 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com