ThemeShaper Forums Tag: imageshttp://forums.themeshaper.com/
Help In Shaping WordPress ThemesenSat, 10 Dec 2016 02:59:43 +0000saaqi on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26639
Wed, 25 Apr 2012 19:23:26 +0000saaqi26639@http://forums.themeshaper.com/<p>Ok that worked amazingly thank you so much for your support. God Bless You</p>
<p>You can close this thread if you want. thank you again
</p>helgatheviking on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26637
Wed, 25 Apr 2012 18:59:33 +0000helgatheviking26637@http://forums.themeshaper.com/<p>try putting a background image on .cat-links and .tag-links. you won't want to text-indent all of that away, but you'll need to add a little left padding to accommodate the image's width. </p>
<pre><code>.cat-links {
background: url(image.gif) no-repeat middle left;
padding-left: 20px;
}</code></pre>saaqi on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26632
Wed, 25 Apr 2012 15:50:10 +0000saaqi26632@http://forums.themeshaper.com/<p>Ok great thanks. here is the link I was actually making it offline. Just uploaded.</p>
<p><a href="http://reviews-tech.com/" rel="nofollow">http://reviews-tech.com/</a></p>
<p>Now I have found almost all of the ones I want except for the two. The text before category links (posted in) and (Tagged) tag links. I have over ride the funtions form content-extentions.php to my functions with childtheme-overrider fucntions. I can change the text fine can also add icons inside functions.php like Mr. @colfelt said. For that all I need to do is break the icons imagesinto different small individual icons.</p>
<p>But every thing I have tried in css failed. I have successfully changed the icon with the text but the links get scrambled I have tried inline-block, float, padding every thing I know of but the links get scrambled any way.</p>
<p>Here I is a screenshot of the same link I have mentioned above. I have the ones I want to find the classes of.</p>
<p><a href="http://i356.photobucket.com/albums/oo7/saaqi/screenshot.jpg" rel="nofollow">http://i356.photobucket.com/albums/oo7/saaqi/screenshot.jpg</a></p>
<p>And about the widgets don't worry about it. I'll edit single.php or find another way. I want to add a script to add galleries there you know like kotaku[dot]com does. But then again that is not important.
</p>helgatheviking on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26628
Wed, 25 Apr 2012 13:24:52 +0000helgatheviking26628@http://forums.themeshaper.com/<p>can you not call me sir? :) nice job getting the icons up. if you have a link to a live URL maybe we can help you find the remaining classes. </p>
<p>like i said before, actually creating widgets inside entry-content will be very hard. what exactly are you trying to add there?
</p>saaqi on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26625
Wed, 25 Apr 2012 09:06:03 +0000saaqi26625@http://forums.themeshaper.com/<p>hello sir @helgatheviking thank you for the explanation. I have successfully added the icons. Though I can not find some classes but I am certain I'll find them. Now can you help me with my other request. I want to add two widget.</p>
<p>Just before and after the .entry-content.</p>
<p>Thank you again for your help, I am very grateful.
</p>helgatheviking on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26603
Tue, 24 Apr 2012 16:47:13 +0000helgatheviking26603@http://forums.themeshaper.com/<p>i understand your english just fine, though you might not get mine. i suggested that you do a little work on your own to find the appropriate CSS classes to target. you can either look in content-extensions.php for the original functions (which will show the html markup) or you can use <a href="http://www.getfirebug.com" rel="nofollow">www.getfirebug.com</a> to investigate the markup of a web page. </p>
<p>for example the markup for the "By:" is</p>
<pre><code>&lt;span class=&quot;meta-prep meta-prep-author&quot;&gt;By &lt;/span&gt;</code></pre>
<p>so the CSS you'd want to target it would be<br />
<pre><code>.meta-prep-author {
background: pink;
}</code></pre>saaqi on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26602
Tue, 24 Apr 2012 15:47:55 +0000saaqi26602@http://forums.themeshaper.com/<p>thank you very much sir @helgatheviking that is pretty much what I was looking for But I want to change $tagtext, $postcategory, $authorlink $entrydate this stuff with icons. So in Css what do I start with for $tagtext or $entrydate.</p>
<p>Sorry for my bad English. If want to add icon to $tagtext according to your code instead of ".post-author" what should I type there.</p>
<p>Thank you again.
</p>saaqi on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26601
Tue, 24 Apr 2012 15:09:14 +0000saaqi26601@http://forums.themeshaper.com/<p>Thank you very much for the reply sir,how ever that did not work. But I did find a solution. I used override function added this code in functions.php and it worked for Tagged.</p>
<p><code>// Create post tags<br />
function childtheme_override_postfooter_posttags() {</p>
<p> if (is_single()) {<br />
$tagtext = __('&lt;img src="Icon Link" alt="Tagged"&gt;', 'thematic');<br />
$posttags = get_the_tag_list("&lt;span class=\"tag-links\"&gt; $tagtext ",', ','&lt;/span&gt;');<br />
} elseif ( is_tag() &#38;&#38; $tag_ur_it = thematic_tag_ur_it(', ') ) { /* Returns tags other than the one queried */<br />
$posttags = '&lt;span class="tag-links"&gt;' . __(' Also tagged ', 'thematic') . $tag_ur_it . '&lt;/span&gt; &lt;span class="meta-sep meta-sep-comments-link"&gt;|&lt;/span&gt;';<br />
} else {<br />
$tagtext = __('Tagged', 'thematic');<br />
$posttags = get_the_tag_list("&lt;span class=\"tag-links\"&gt; $tagtext ",', ','&lt;/span&gt; &lt;span class="meta-sep meta-sep-comments-link"&gt;|&lt;/span&gt;');<br />
}<br />
return apply_filters('childtheme_override_postfooter_posttags',$posttags); </p>
<p> }<br />
// end postfooter_posttag</code></p>
<p>Now please tell me if there is a way to syle $tagtext command with css. Because if it is possible that'll make things way smoother. I have tried #tagtext and .tagtext and every thing I could think of.</p>
<p>Thank you again sir
</p>helgatheviking on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26600
Tue, 24 Apr 2012 15:08:14 +0000helgatheviking26600@http://forums.themeshaper.com/<p>a pretty good explanation. filters change something without moving it. colfelt's suggest code should. i'm wondering why you can apply a background image w/ CSS? i'm pretty sure everything in the postmeta has specific spans you can target. i can't look up the appropriate css selector right now, just use firebug to find it. something like this might work?</p>
<pre><code>.post-author /*not sure this is correct selector*/ {
height: 32px;
width: 32px;
background: url(images/your-icon.png) no-repeat;
display: block;
text-indent: -9999999px;
}</code></pre>colfelt on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26593
Tue, 24 Apr 2012 11:41:49 +0000colfelt26593@http://forums.themeshaper.com/<p>Hi Saaqi, I'm no expert either, but for what it's worth...</p>
<p>Starting with your first question, you probably need to look at using a filter to change how your theme displays the post meta. You add filters into your childtheme's functions.php (or if you want to keep it neat, create a separate 'my-filters.php' file that you can then pull into your childtheme's functions.php with an include).</p>
<p>The process of filtering as far as I understand it, is to find the function(s) responsible for displaying what you want to change, then copy it into your functions file, then alter the code and apply a special action called "add_filter". Perhaps someone more knowledgable than I may refine this definition here.</p>
<p>It can be a process of trial and error to find the code, but to give you a leg-up, the code you're looking for is in thematic/library/extensions/content-extensions.php around line 687. Find the bit that deals with author meta data, and copy/paste it into your functions file.</p>
<p>Then alter the code and add the 'add_filter' action at the end.</p>
<p>So... I'll give this a try, but can't guarantee it'll work as I'm still getting to grips with this myself. Hopefully someone clever will come and correct me.</p>
<pre><code>function saaqi_thematic_postmeta_authorlink() {
global $authordata;
$authorlink = &#39;&lt;span class=&quot;meta-prep meta-prep-author&quot;&gt;&#39; . __(&#39;&lt;img src=&quot;REPLACE THIS WITH THE PATH TO YOUR ICON&quot; alt=&quot;An author icon&quot;&gt; &#39;, &#39;thematic&#39;) . &#39;&lt;/span&gt;&#39;;
$authorlink .= &#39;&lt;span class=&quot;author vcard&quot;&gt;&#39;. &#39;&lt;a class=&quot;url fn n&quot; href=&quot;&#39;;
$authorlink .= get_author_posts_url($authordata-&gt;ID, $authordata-&gt;user_nicename);
$authorlink .= &#39;&quot; title=&quot;&#39; . __(&#39;View all posts by &#39;, &#39;thematic&#39;) . get_the_author_meta( &#39;display_name&#39; ) . &#39;&quot;&gt;&#39;;
$authorlink .= get_the_author_meta( &#39;display_name&#39; );
$authorlink .= &#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
add_filter (&#39;thematic_postheader_authorlink&#39;, &#39;saaqi_thematic_postmeta_authorlink&#39;);</code></pre>
<p>The second question you have about widgets is pretty well documented, but you could try starting here: <a href="http://forums.themeshaper.com/topic/how-to-add-widget-areas" rel="nofollow">http://forums.themeshaper.com/topic/how-to-add-widget-areas</a>
</p>saaqi on "Need Help with Thematic Child Theme Please!"http://forums.themeshaper.com/topic/need-help-with-thematic-child-theme-please#post-26542
Sun, 22 Apr 2012 16:10:14 +0000saaqi26542@http://forums.themeshaper.com/<p>Hello Every one, This is my first post on the forum. I am developing a child theme for thematic. Every thing has gone pretty well for me but I am stuck on a couple of things that I can't understand.</p>
<p>First one is I want to replace the meta text by which I mean "By (Author)" and "Published: (Date)" and in the bottom of the content "Posted in" "Comments" and "Tagged" with images icons. Can I do it and how.</p>
<p>And the second problem is I want to add two new widgets 1 on just the start of the content. By which I mean after the title and meta information and just before the actual post starts. Which means I want to add a widget just before .entry-content according to this structure.<br />
<a href="http://bluemandala.com/thematic/thematic-structure.html" rel="nofollow">http://bluemandala.com/thematic/thematic-structure.html</a></p>
<p>Second widget I want is to add just after the .entry-content.</p>
<p>And I want to add these widgets only on the single page.</p>
<p>Please if any one can help I'll be very grateful. Thank you
</p>helgatheviking on "Full Screen Header/Body/Footer Image"http://forums.themeshaper.com/topic/full-screen-headerbodyfooter-image#post-24920
Mon, 16 Jan 2012 19:37:35 +0000helgatheviking24920@http://forums.themeshaper.com/<p>sorry, don't follow you. can't you just put 1 large background on the body? or #wrapper? perhaps you could create a diagram or screenshot to better explain.
</p>crashprojects on "Full Screen Header/Body/Footer Image"http://forums.themeshaper.com/topic/full-screen-headerbodyfooter-image#post-24916
Mon, 16 Jan 2012 04:20:20 +0000crashprojects24916@http://forums.themeshaper.com/<p>I'm building on Thematic, and I'd like to use a background image for my entire site; header, body, and footer. I'd like to utilize all of the screen real estate, and not just the real estate specified in the thematic dimensions.</p>
<p>Can anyone tell me:</p>
<p>a: what dimensions should I use in the creation of the image?<br />
b: how do I go about implementing use of the image?</p>
<p>Also, I'd settle for being able to use 3 separate images for header, body, and footer as long as they used up all the screen real estate and not just that weird center area that gets inhabited when I use a banner in place of the blog title. </p>
<p>I hope I'm explaining this correctly. Thank you for reading.
</p>mrmikeman on "adding icons to menu"http://forums.themeshaper.com/topic/adding-icons-to-menu#post-23710
Sat, 05 Nov 2011 06:30:18 +0000mrmikeman23710@http://forums.themeshaper.com/<p>using the above code and css, my social buttons have a tiny portion of it that is clickable.. can anyone provide a more efficiant way to putting social icons in the nav menu&gt;
</p>simonafilote on "Adding images next to postfooter elements"http://forums.themeshaper.com/topic/adding-images-next-to-postfooter-elements#post-23664
Tue, 01 Nov 2011 17:40:28 +0000simonafilote23664@http://forums.themeshaper.com/<p>Hey, you were right, I removed the dots and it worked! Thanks for helping me out :)
</p>helgatheviking on "Adding images next to postfooter elements"http://forums.themeshaper.com/topic/adding-images-next-to-postfooter-elements#post-23661
Tue, 01 Nov 2011 14:54:27 +0000helgatheviking23661@http://forums.themeshaper.com/<p>simona,</p>
<p>your code looks good, but make sure that the <em>path</em> to the file name is correct. </p>
<p>if you've added this code to your theme's style.css and your images are in a folder called 'images' (in the root of your theme) then your path should actually be:</p>
<pre><code>background: url(&quot;images/pencil1.png&quot;) no-repeat scroll 0 2px #FFFFFF;</code></pre>
<p>the ../ means go UP one level from where you are (style.css) so no doubt it isn't finding the image folder. you can see that in firebug too usually as you'll get 404/not found errors.
</p>simonafilote on "Adding images next to postfooter elements"http://forums.themeshaper.com/topic/adding-images-next-to-postfooter-elements#post-23660
Tue, 01 Nov 2011 14:07:26 +0000simonafilote23660@http://forums.themeshaper.com/<p>Hi Helga</p>
<p>Many thanks for your answer. In fact I had taken a look at the example site's CSS through Firebug, and what I found is the following:</p>
<p>To add an image besides the tag links, I guess this is the code. I added it in my style.css and that created some space right before the tag-links in the postfooter where the small image should come, but the image itself doesn't appear...what am I missing? I double checked the image name to make sure it's right.</p>
<p>#content .entry-utility .tag-links {<br />
background: url("../images/pencil6.png") no-repeat scroll 4px 1px #FFFFFF;<br />
padding: 0 8px 0 32px;<br />
}</p>
<p>---------<br />
To add the image before the comment count, I copy/pasted this code in the style.css but there is no effect at the frontend...not even some space as in the first case.</p>
<p>#content .entry-utility .comment-link {<br />
background: url("../images/pencil1.png") no-repeat scroll 0 2px #FFFFFF;<br />
padding: 0 11px 0 18px;<br />
}</p>
<p>What do you think?</p>
<p>Simona
</p>helgatheviking on "Adding images next to postfooter elements"http://forums.themeshaper.com/topic/adding-images-next-to-postfooter-elements#post-23657
Mon, 31 Oct 2011 15:28:12 +0000helgatheviking23657@http://forums.themeshaper.com/<p>why don't you take <a href="http://getfirebug.com" rel="nofollow">http://getfirebug.com</a> or chrome's developer tools and examine what that site is doing? and then copy it? it is only a little CSS background image in conjunction with some left padding.
</p>simonafilote on "Adding images next to postfooter elements"http://forums.themeshaper.com/topic/adding-images-next-to-postfooter-elements#post-23656
Mon, 31 Oct 2011 12:11:31 +0000simonafilote23656@http://forums.themeshaper.com/<p>I've just started with WP and I'm a complete dummy with CSS and PHP but yet I'm keen to customise and style the blog theme as I wish... </p>
<p>I've been searching for days for some solution to add a small speech bubble next to the comments count displayed in the postfooter of each post. Also, I'd like to add a graphic next to the other two elements displayed in the postfooter (post category and tags), something like it's being displayed on this blog: <a href="http://www.blago.net/baking/." rel="nofollow">http://www.blago.net/baking/.</a></p>
<p>My blog is crumbsofjoy.co.cc</p>
<p>I would really appreciate your help with this.</p>
<p>Simona
</p>helgatheviking on "Thematic Images for Nav Links & Seperators?"http://forums.themeshaper.com/topic/thematic-images-for-nav-links-038-seperators#post-23517
Wed, 19 Oct 2011 02:50:33 +0000helgatheviking23517@http://forums.themeshaper.com/<p>i'd try starting w/ my mega menu thread<br />
<a href="http://forums.themeshaper.com/topic/thematic-menus-demystified-1" rel="nofollow">http://forums.themeshaper.com/topic/thematic-menus-demystified-1</a></p>
<p>somewhere in there it is covered how to create a totally custom image menu.</p>
<p>also mentioned, is modifying the Nav Walker, which is probably what you'd need to do in order to add markup that you could add image separators to
</p>daydreamer2k on "Thematic Images for Nav Links & Seperators?"http://forums.themeshaper.com/topic/thematic-images-for-nav-links-038-seperators#post-23515
Tue, 18 Oct 2011 16:53:12 +0000daydreamer2k23515@http://forums.themeshaper.com/<p>Hello,</p>
<p>Having a little bit of a hair pulling out moment, I'm using thematic, I've customised the child theme exactly as I want except for one thing, I want to use images for the links in the navigation menu, and I also want to incorporate some seperators between the links which are also images. I have been searching &#38; searching &#38; cannot seem to work this out? </p>
<p>Any help would be much appriciated!
</p>scott28 on "How do you transition a thumbnail excerpt img into a s/p full size img"http://forums.themeshaper.com/topic/how-do-you-transition-the-themat-excerpt-size-to-the-post-image-size#post-22775
Sat, 20 Aug 2011 13:36:09 +0000scott2822775@http://forums.themeshaper.com/<p>Hello, I'm totally new to the thematic and am a little lost here. I understand all the basics of the child theme but I was wondering if it's possible to have a small thumbnail image on my homepage (my home is configured to show excerpts) and then have it set up to where when you click on the thumbnail image, it takes you to the single post page with a full size image. Thanks in advance for any help at all!
</p>allenjcochran on "adding icons to menu"http://forums.themeshaper.com/topic/adding-icons-to-menu#post-22754
Fri, 19 Aug 2011 10:16:34 +0000allenjcochran22754@http://forums.themeshaper.com/<p>Oh my site is: <a href="http://www.allenjcochran.com" rel="nofollow">www.allenjcochran.com</a>
</p>allenjcochran on "adding icons to menu"http://forums.themeshaper.com/topic/adding-icons-to-menu#post-22753
Fri, 19 Aug 2011 10:16:12 +0000allenjcochran22753@http://forums.themeshaper.com/<p><strong>This tutorial was ultimately really helpful. I positioned my social media icons exactly how I wanted them using this function:</strong></p>
<p>function my_div_socmedia(){<br />
echo '&lt;div id="socmedia"&gt;&lt;div class="icons_social"&gt;<br />
<a href="http://www.facebook.com/allenjcochran/">&lt;img src="http://allenjcochran.com/wp-content/uploads/2011/08/facebook-logo.png" /&gt;</a><br />
<a href="http://www.twitter.com/allenjcochran/">&lt;img src="http://allenjcochran.com/wp-content/uploads/2011/08/twitter.png" /&gt;</a><br />
<a href="http://www.linkedin.com/allenjcochran/">&lt;img src="http://allenjcochran.com/wp-content/uploads/2011/08/linkedin-logo.png" /&gt;</a><br />
<a href="mailto:allenjcochran@gmail.com">&lt;img src="http://allenjcochran.com/wp-content/uploads/2011/08/mail.png" /&gt;</a><br />
&lt;/div&gt;<br />
&lt;/div&gt;';<br />
}<br />
add_action('thematic_header','my_div_socmedia');</p>
<p><strong>AND, this CSS:</strong></p>
<p>#socmedia {<br />
margin: 0 auto;<br />
width: 940px;<br />
margin-top: -35px;<br />
z-index: 100;<br />
}<br />
.icons_social {<br />
/*padding-left: 30%;*/<br />
text-align: right;<br />
}<br />
.icons_social img {<br />
width: 20px;<br />
height: 20px;<br />
padding: 5px;<br />
}</p>
<p><strong>BUT, i cannot get my links to work</strong></p>
<p>Any chance someone could tell me how to fix that? Is it all because of the z-index of #access?
</p>daveread on "Different backgrounds on post"http://forums.themeshaper.com/topic/different-backgrounds-on-post/page/2#post-22642
Thu, 11 Aug 2011 20:25:28 +0000daveread22642@http://forums.themeshaper.com/<p>Thanks - will do (in a few hours)...
</p>helgatheviking on "Different backgrounds on post"http://forums.themeshaper.com/topic/different-backgrounds-on-post/page/2#post-22641
Thu, 11 Aug 2011 20:22:03 +0000helgatheviking22641@http://forums.themeshaper.com/<p>sounds like you are asking for something different. try starting a new thread. include what you want to do differently, what you've tried and the results you get versus the results you would like.
</p>daveread on "Different backgrounds on post"http://forums.themeshaper.com/topic/different-backgrounds-on-post/page/2#post-22640
Thu, 11 Aug 2011 20:02:46 +0000daveread22640@http://forums.themeshaper.com/<p>Instead of setting body background via css, and using body classes to show various backgrounds, it could be done via childtheme function? If so, could you show an example of such a function? Thank you helgatheviking.
</p>helgatheviking on "Different backgrounds on post"http://forums.themeshaper.com/topic/different-backgrounds-on-post/page/2#post-22639
Thu, 11 Aug 2011 19:50:52 +0000helgatheviking22639@http://forums.themeshaper.com/<p>where the function has an image you'd wrap it in a link
</p>daveread on "Different backgrounds on post"http://forums.themeshaper.com/topic/different-backgrounds-on-post/page/2#post-22635
Thu, 11 Aug 2011 17:39:56 +0000daveread22635@http://forums.themeshaper.com/<p>Would there be a function for making the background image clickable?
</p>helgatheviking on "adding icons to menu"http://forums.themeshaper.com/topic/adding-icons-to-menu#post-22523
Wed, 03 Aug 2011 03:04:13 +0000helgatheviking22523@http://forums.themeshaper.com/<p>i don't think you can limit the width of access.... b/c then you won't get the menu centered the way you expect. best to put the social icons inside #access
</p>