Languages

---

About This Topic

• Posted 3 years ago
• By mster
• Latest reply from milo
• This topic is closed
• This topic is resolved

• Related Topics:

  • 3colors Google fonts
  • Bruce theme images
  • Tech9 IE9 bugs
  • Artfull - "comments" bug
  • LAXvII

Tags

• css

1. 

   mster
   

   member
   

   
   Posted 3 years ago
   #

   Milo ,

   Two quick ones for you (sure I hope ;)) ..I found the alignment of the smileys very weird.It's most of the time a little higher than the sentence .Can you help ?
   + I would like to change the format of the calendar into kind of sticker..there are some themes which offer this possibility.
   Thanks again,

   M@ster
2. 

   milo
   

   moderator
   

   
   Posted 3 years ago
   #

   smiley configuration CSS, adjust to your likings:

   #content img.wp-smiley{float:none;border:none;padding:0;margin:0;}
   #content img.wp-wink{float:none;border:none;padding:0;margin: 0;}

   where #content is your body class.

   wp calendar CSS configuration, adjust to your likings:

   1.
   #wp-calendar{text-align:center;margin:0;width:70%;}
   #wp-calendar td{line-height:10px;font-size:10px;color:#333;}
   #wp-calendar td a{display:block;color:#711518;text-decoration:none;line-height:10px;border:1px solid #711518;}
   #wp-calendar #prev a{width:30px;}
   #wp-calendar #next a{width:30px;margin:0 0 0 30px;}
   #wp-calendar #today{background:#711518;color:#333;}
   #wp-calendar #today a{color:#333;font-weight:700;}
   #wp-calendar caption{text-align:center;width:100%;margin:0 0 5px 0;text-transform:lowercase;}

   2.
   table#wp-calendar{border-collapse:collapse;margin:0;padding:0;}
   table#wp-calendar a{color:#000; }
   table#wp-calendar caption{font-weight:400;font-size:0.91em;line-height:1.72em; text-transform:uppercase;letter-spacing:2px;background:#e5e5e5;border-bottom:1px dotted #ddd;}
   table#wp-calendar th{width:26px;font-size:0.91em;line-height:1.72em;background: #f2f2f2;border-bottom:1px dotted #ddd;text-align:center; }
   table#wp-calendar td{width:26px;line-height:1.66em;color:#999;text-align:center;}
   table#wp-calendar td#next,table#wp-calendar td#prev{width:78px;font-size:0.83em; letter-spacing:1px;text-transform:uppercase;}

   3.
   #wp-calendar{empty-cells:show;margin:5px auto 0;width:130px;}
   #wp-calendar #prev a{font-size:8pt;}
   #wp-calendar a{text-decoration:none;color:#fff;}
   #wp-calendar caption{font:bold 1.0em 'Tahoma',Arial,Helvetica,Sans-Serif;text-align: center;}
   #wp-calendar th{font-style:normal;text-transform:capitalize;}
   #wp-calendar #next a{padding-right:10px;text-align:right;}
   #wp-calendar #prev a{padding-left:10px;text-align:left;}
   #wp-calendar a{display:block;}
   #wp-calendar caption{text-align:center;width:130px;}
   #wp-calendar td{padding:3px 0;text-align:center;}
   #wp-calendar td.pad:hover{ /* Doesn't work in IE */background-color:#000; }
3. 

   mster
   

   member
   

   
   Posted 3 years ago
   #

   thanks for that Milo !!
   smileys are perfectly aligned no..
   for the second part, not sure to get it correctly..must admit I'm not an expert in css..
   I copy and pastte the code in the cc but I assume I have to change some ligne in your theme php..but which file and where ?

   I've also noticed something interesting : The theme works great and fine on my pc (1600 resolution) but on my wife screen,the columns are fixed and then any kind of object I can insert on the main column(like a flash for example) will take over on the right bar.
   Any idea ?
   Many thanks again for your help ,

   Master
4. 

   mster
   

   member
   

   
   Posted 3 years ago
   #

   Actually, I think I did not clearly explain what I'm looking for ;)
   I've seen the result and the code you gently put is for the calendar on the right bar.
   I wish to find the way to draw for each post the date as an icon..Not sure if I'm clear enough but one of my mate has it on his blog (www.ravana.fr)
   thanks againa,

   Master
5. 

   milo
   

   moderator
   

   
   Posted 3 years ago
   #

   Simply said:
   Add proper credits, otherwise the whole topic will be deleted.
6. 

   mster
   

   member
   

   
   Posted 3 years ago
   #

   oops !!an error occured on the footer..corrected ! sorry sir :)
7. 

   milo
   

   moderator
   

   
   Posted 3 years ago
   #

   . sir : no sir, mrs. milo =)

   . calendar:

   this will require further works on the CSS and single page template,
   take a look at your friends template, the php code:

   <div class="post-date"><span class="post-month">May</span> <span class="post-day">04</span></div>

   the CSS code:

   .post-date { width: 45px; height: 49px; float:left; background: url(images/date-bg.gif) no-repeat; }
   .post-month { font-size: 11px; text-transform: uppercase; color: #FFFFFF; text-align: center; display:block; line-height: 11px; padding-top: 2px; margin-left: -3px; } .post-day { font-size: 18px; text-transform: uppercase; color: #999999; text-align: center; display:block; line-height: 18px; padding-top: 7px; margin-left: -3px; }

   NOTE that the following entry class is floated right:

   .entry { float:right; width: 438px; }

   but you may have more work to do, as your site is packed into an iframe, what is REALLY bad in terms of SEO optimization: google.com/search?hl=en&q=iframe+seo&btnG=Search

   . flash: same problem, iframe (!)