0
Welcome Guest! Login
0 items Join Now

Grunge Template Image Format Query

Last Post
Search Topic

  • Grunge Template Image Format Query

    Posted 14 years 3 months ago
    • Hi!

      I have used the Grunge template and like it and I also like the `floatleft' and `floatright' for images and the way it places the images in a `stack' and puts the `tape' over them etc - I'm not explaining that well but you know what I mean if you've seen it.

      Anyway, I need some pointers on where to look to get that effect or any effect really for images placed on a site that is not based on Grunge.

      I've searched for extensions but either I'm not describing it well or just not finding anything.

      Basically I'm after a way to place effects on most images in an article just by calling a css tag like floatleft etc.

      One site I did all the images were like the old polaroid effect and I individually edited each image into a border which took forever.

      Most addons refer to galleries and slideshows but I just want to be able to show article images in a new way/effect.

      Any ideas on where to look - I don't know css very well so it'd be more a predesigned thing I'm looking for!

      Ernie
    #612250
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Grunge Template Image Format Query

    Posted 14 years 3 months ago
    • Hi Ernie,

      In Grunge the effect is created by the CSS calls as shown below...
      .floatleft {
    float: left;
    height: 162px;
    margin: 5px;
    padding: 25px;
    width: 200px;
}
      .floatleft {
    background: url("../images/body/style1/imagebg.png") no-repeat scroll 0 0 transparent;
}
      I'm not aware of any standalone modules or plugins that do this type of effect but please check out Joomla Extensions .

      Hope this helps 8)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #612259
    • JeffShinn's Avatar
    • JeffShinn
    • Sr. Rocketeer
    • Posts: 122
    • Thanks: 1
    • Software Engineer (BS CET/MS CS)

    Re: Grunge Template Image Format Query

    Posted 14 years 2 months ago
    • I agree with David. What I do is create CSS calls for specifics that I will later call in the editor for new articles and such. RT does this for things like icons, headers, etc. This will allow you to be able to set the effect to specific images and not just ALL article images.

      An example would be to create a CSS call for:
      .grunge_img {
    float: left;
    height: 162px;
    margin: 5px;
    padding: 25px;
    width: 200px;
    background: url("../images/body/style1/imagebg.png") no-repeat scroll 0 0 transparent;
}

      then you can call this in your img tag within the editor.

      Hope that helps, I usually end up doing this for each theme I modify for further flexibility.

      Jeff
    • When someone is impatient and says, "I haven't got all day," I always wonder, How can that be? How can you not have all day?
    #613255

Time to create page: 0.070 seconds