Avaleht
uus teema   vasta Tarkvara »  WWW »  Blogi bänner keskele? märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
Tanel889
HV kasutaja
Tanel889

liitunud: 08.12.2005




sõnum 31.03.2011 16:13:48 Blogi bänner keskele? vasta tsitaadiga

http://parmuk2siraamat.blogspot.com/ kuidas seda bännerit keskele saada?
Kommentaarid: 15 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 14
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001




sõnum 31.03.2011 16:34:16 vasta tsitaadiga

tsitaat:
<img height="91px; " width="648px; " style="margin:0 auto;display:block" src="http://1.bp.blogspot.com/_TQ152nmhV9w/S2H67xCCbOI/AAAAAAAAAAU/RU6idvOHOHU/S1600-R/banner2.png" id="Header1_headerimg" alt="Parmu käsiraamat: Algajale">

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Dirty Harry
HV Guru
Dirty Harry

liitunud: 05.09.2002




sõnum 31.03.2011 16:58:46 vasta tsitaadiga

Kas ma tohin teemat ära kasutada kuna algne küsija ilmselt sai vastuse?

Kuidas enda blogis saan Facebooki "like" lisa asukohta muuta? Hetkel on vasakul servas, paneks pigem kas pildi alla vasakusse nurka või keskele. image_template.html sisu on järgmine (facebook'i osa on siis lõpus olev <ilike>):


html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3. <IMAGE_TITLE> | <SITE_TITLE> | <SUB_TITLE>
  4. </title>
  5. <!-- Link for ATOM feed autodiscovery -->
  6. <ATOM_AUTODETECT_LINK>
  7. <!-- Link for RSS feed autodiscovery -->
  8. <RSS_AUTODETECT_LINK>
  9. <!-- META -->
  10. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  11. <meta http-equiv="content-type" name="keywords" content="PhotoBlog,<SITE_TITLE>,<IMAGE_TITLE>,Pixelpost" />
  12. <meta http-equiv="content-type" name="description" content="<SITE_TITLE>-PhotoBlog: <IMAGE_TITLE>, <IMAGE_NOTES_CLEAN>" />
  13. <!-- CSS -->
  14. <link rel="stylesheet" type="text/css" href="templates/supaclean/styles/dark.css" title="dark" />
  15. <link rel="alternate stylesheet" type="text/css" href="templates/supaclean/styles/light.css" title="light" />
  16. <!-- js -->
  17. <script type="text/javascript" src="templates/supaclean/js/jquery.js"></script>
  18. <script type="text/javascript" src="templates/supaclean/js/styleswitcher.js"></script>
  19. <script type="text/javascript">
  20. function clearBox(box) {
  21.                  if(box.value==box.defaultValue) {
  22.                         box.value = "";
  23.                  }
  24.          }
  25.         
  26.         
  27. $(document).ready(function(){
  28.   $("div#comments, div#details").hide();
  29.    $("a.showComments").click(function(){
  30.                 if ($("div#comments").css("display") == "none") {
  31.                         $("div#comments").slideDown();
  32.                         $("div#mainImg").slideUp();
  33.                 } else {
  34.                         $("div#comments").slideUp();
  35.                         $("div#mainImg").slideDown();
  36.                         }
  37.                
  38.                 $("div#details").slideUp();
  39.                
  40.                 return false;
  41.    });
  42.    $("a.showInfo").click(function(){
  43.              if ($("div#details").css("display") == "none") {
  44.                         $("div#details").slideDown();
  45.                         $("div#mainImg").slideUp();
  46.                 } else {
  47.                         $("div#details").slideUp();
  48.                         $("div#mainImg").slideDown();
  49.                         }
  50.                 $("div#comments").slideUp();
  51.                
  52.                 return false;
  53.    });
  54.    $("a.showPhoto").click(function(){
  55.              $("div#mainImg").slideDown();
  56.                 $("div#comments").slideUp();
  57.                 $("div#details").slideUp();
  58.                 return false;
  59.    });
  60.    
  61.    $("div#EXIF").css("opacity", .75);
  62.    $("div.photoWrapper").hover(function(){
  63.         $("div#EXIF").fadeIn();
  64.    }, function(){
  65.         $("div#EXIF").fadeOut();
  66.    });
  67.    
  68.    
  69.  });
  70. </script>
  71.  
  72. </head>
  73. <div class="container">
  74. <div id="banner">
  75.   <h1><a href="<SITE_URL>" title="Return to current image"><SITE_TITLE></a></h1>
  76.   <div class="menu">
  77.   <a href="index.php" title="Return to Homepage" class="first">Home</a>
  78.           <IMAGE_PREVIOUS_LINK>
  79.           <IMAGE_NEXT_LINK>
  80.       <a href="<SITE_BROWSELINK>">Browse</a>
  81.       <a href="index.php?x=about" title="About">About</a>
  82.       <SITE_RSS_LINK>
  83.            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  84.       <a href="#" class="showInfo">Details</a>
  85.           <a href="#" class="showComments">Comments (<IMAGE_COMMENTS_NUMBER>)</a>
  86.       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  87.           Style: <a href="#" class="light" onclick="setActiveStyleSheet('light'); return false;" title="Light">&nbsp;</a> <a href="#" class="dark" onclick="setActiveStyleSheet('dark'); return false;" title="Dark">&nbsp;</a>
  88.   </div>
  89. </div>
  90. <div class="mainBody">
  91.   <div id="details">
  92.     <div class="wrapper">
  93.                
  94.         <div class="notes">
  95.                         <div class="content">
  96.                                 <h2><IMAGE_TITLE></h2>
  97.                                 <IMAGE_NOTES>
  98.                                 <h3>Categories &amp; Tags</h3>
  99.                                 <IMAGE_CATEGORY>
  100.                                 <br /><br />
  101.                                 Tags: <TAG_IMG_LIST>
  102.                                 <h3>EXIF</h3>
  103.                                 <LANG_FOCAL_LENGTH><br />
  104.                                 <LANG_EXPOSURE_TIME><br />
  105.                                 <LANG_APERTURE><br />
  106.                                 <LANG_ISO><br />
  107.                                 <LANG_CAMERA_MODEL>
  108.                                
  109.                         </div>
  110.                 </div>
  111.                 <div class="details">
  112.                         <div class="content">
  113.                                 <a href="#" class="showPhoto">[close details]</a><br /><br />
  114.                                 <img src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>"  width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" border="0" class="smallImg"/>
  115.                                
  116.                                
  117.                                
  118.                         </div>
  119.                 </div>
  120.     </div>
  121.   </div>
  122.   <div id="comments">
  123.   <div class="wrapper">
  124.        
  125.         <div class="commentList">
  126.                 <div class="content">
  127.                 <h3>Comments on <IMAGE_TITLE></h3>
  128.                         <IMAGE_COMMENTS>
  129.                 </div>
  130.         </div>
  131.         <div class="commentForm">
  132.                
  133.                 <div class="content">
  134.                         <a href="#" class="showPhoto">[close comments]</a><br /><br />
  135.                         <img src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>"  width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" border="0" class="smallImg"/>
  136.                         <h3>Add Comment</h3>
  137.                         <form method='post' action='index.php?x=save_comment' name='commentform' accept-charset='UTF-8'>
  138.             <textarea name='message' rows='2' cols='40' onfocus="clearBox(this);">Type your comment here.</textarea>
  139.             <br />
  140.             <br />
  141.             <input type='text' name='name' class='input' value='<VINFO_NAME>' id="name"/>
  142.             &nbsp;&nbsp;&nbsp;
  143.             <label for="name">Name</label>
  144.             <br />
  145.             <br />
  146.             <input type='text' name='url' class='input' value='<VINFO_URL>' id="url"/>
  147.             &nbsp;&nbsp;&nbsp;
  148.             <label for="url">Website URL, if any</label>
  149.             <br />
  150.             <br />
  151.             <input class='input' type='text' name='email' value='<VINFO_EMAIL>' id="email"/>
  152.             &nbsp;&nbsp;&nbsp;
  153.             <label for="email">Email (not visible to
  154.             others)</label>
  155.             <br />
  156.             <br />
  157.             <input name='vcookie' type='checkbox' id="saveinfo" value='set' checked="checked" />
  158.             <label for="saveinfo">Save User Info</label>
  159.             <br />
  160.             <br />
  161.             &nbsp;&nbsp;
  162.             <input type='submit' value='Add' class="comment-button"/>
  163.             <input type='hidden' name='parent_id' value='<IMAGE_ID>' />
  164.             <input type='hidden' name='parent_name' value='<IMAGE_NAME>' />
  165.             <input type="hidden" name="withthankyou" value="no" />
  166.           </form>
  167.                 </div>
  168.         </div>
  169.   </div>
  170.   </div>
  171.     <div id="mainImg"> <div class="photoWrapper" style="position:relative; width:<IMAGE_WIDTH>px; margin:0 auto;"><a href="index.php?showimage=<IMAGE_PREVIOUS_ID>" style="background:none;"> <img src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" id="photo"  border="0"/> </a>
  172.   <div id="EXIF" style="width:<IMAGE_WIDTH>px;"><div class="title">
  173.   <!-- <div class="links"><a href="#" class="showInfo">Details</a> | <a href="#" class="showComments">Comments (<IMAGE_COMMENTS_NUMBER>)</a></div> -->
  174.   <strong><IMAGE_TITLE></strong>
  175.         </div><div class="content">
  176.  
  177.   <LANG_FOCAL_LENGTH> | <LANG_EXPOSURE_TIME> | <LANG_APERTURE> | <LANG_ISO> | <LANG_CAMERA_MODEL>
  178.   </div></div>
  179.   </div>
  180.   </div>
  181. <ilike>
  182.   <div class="footer">
  183.  
  184.  
  185.   all
  186.     images &copy; <a href="<SITE_URL>"><SITE_TITLE></a></div>
  187. </div>
  188.   </div>
  189.   <script type="text/javascript">
  190.  
  191.         var scale = 300/<IMAGE_WIDTH>;
  192.         var newWidth = Math.floor(<IMAGE_WIDTH> * scale);
  193.         var newHeight = Math.floor(<IMAGE_HEIGHT> * scale);
  194.    $("img.smallImg").width(newWidth);
  195.    $("img.smallImg").height(newHeight);
  196.  
  197.   </script>
  198. </body>
  199. </html>
Kommentaarid: 181 loe/lisa Kasutajad arvavad:  :: 1 :: 1 :: 145
tagasi üles
vaata kasutaja infot saada privaatsõnum
c3ltic
HV kasutaja

liitunud: 21.04.2007




sõnum 31.03.2011 19:31:29 vasta tsitaadiga

<ilike>


Seega on FB nupp mingist funktsioonist või pluginast. Seda saad siis nende juurst muuta Settings – Facebook iLike
Kommentaarid: 10 loe/lisa Kasutajad arvavad:  :: 2 :: 0 :: 8
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Dirty Harry
HV Guru
Dirty Harry

liitunud: 05.09.2002




sõnum 31.03.2011 21:00:52 vasta tsitaadiga

c3ltic, ma ei saa hästi aru, mida mõtled. ilike kood on lihtne (mitte, et ma oskaks enda muret lahendada :)):

php:
  1. $addon_name="I like";
  2. $addon_description="To Enjoy and share this blog entry on Facebook";
  3. $addon_version="0.1";
  4.  
  5.  
  6.  
  7.  
  8. $facebook_link = '<iframe src="http://www.facebook.com/plugins/like.php?href='.$cfgrow['siteurl'].'index.php?showimage='.$imageid.'&amp;layout=standard&amp;show_faces=false&amp;width=225&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:225px; height:35px;" allowTransparency="true"></iframe>';
  9. $ilike_txt = $facebook_link." ";
  10.  
  11. $tpl = str_replace("<ilike>",$ilike_txt,$tpl);
  12. ?>
Kommentaarid: 181 loe/lisa Kasutajad arvavad:  :: 1 :: 1 :: 145
tagasi üles
vaata kasutaja infot saada privaatsõnum
Montecito
HV kasutaja
Montecito

liitunud: 02.12.2001




sõnum 01.04.2011 00:45:34 vasta tsitaadiga

Mark0,

Proovi nii:

<div style="width:533px; margin:0 auto; padding-top:20px"><ilike></div>
Kommentaarid: 13 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 12
tagasi üles
vaata kasutaja infot saada privaatsõnum
Dirty Harry
HV Guru
Dirty Harry

liitunud: 05.09.2002




sõnum 01.04.2011 01:04:59 vasta tsitaadiga

Montecito, tänud, töötab. See lükkab ilmselt 533 piksli võrrra paremale? Ning ilmselt luua selline võimalus, et alati on kas pildi all vasakpoolses servas või täpselt keskel, on juba keerulisem?
Kommentaarid: 181 loe/lisa Kasutajad arvavad:  :: 1 :: 1 :: 145
tagasi üles
vaata kasutaja infot saada privaatsõnum
Montecito
HV kasutaja
Montecito

liitunud: 02.12.2001




sõnum 01.04.2011 08:36:30 vasta tsitaadiga

Mul näiteks näitab pildi all vasakus servas küll teda. http://dl.dropbox.com/u/12391530/markoki.eu.jpg

Kui soovid teda täiesti keskele, siis võta reaalselt selle like nupu iframe laius ja muuda pixlid ära.

Ma näiteks muudaks iframe laiuse ka veidi laiemaks, et kogu tekst mahuks ühele reale (300px) ja paneks divi laiuse ka 300px. Tulem, siis selline: http://dl.dropbox.com/u/12391530/markoki.eu2.jpg


viimati muutis Montecito 01.04.2011 08:40:57, muudetud 1 kord
Kommentaarid: 13 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 12
tagasi üles
vaata kasutaja infot saada privaatsõnum
Dirty Harry
HV Guru
Dirty Harry

liitunud: 05.09.2002




sõnum 01.04.2011 08:37:56 vasta tsitaadiga

Montecito, oleneb pildi küljepikkusest icon_smile.gif. Vaata mõnda teist pilti ka.
Kommentaarid: 181 loe/lisa Kasutajad arvavad:  :: 1 :: 1 :: 145
tagasi üles
vaata kasutaja infot saada privaatsõnum
Montecito
HV kasutaja
Montecito

liitunud: 02.12.2001




sõnum 01.04.2011 08:50:46 vasta tsitaadiga

Tõsi, ma vaatasin vaid ühte pilti. Siis võiks nad pildiga ühte divi wrappida näiteks ?

Näiteks nii: http://pastebin.com/8p9J3g3L
Kommentaarid: 13 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 12
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  Blogi bänner keskele?
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.