• 07-06-2010, 18:50:51
    #1
    Selamlar bir sosyal imleme aracı buldum bunu siteme koydum ama yerinden memnun değilim. İmleme scripti Js kod olarak verildi. Bunu sitemde header'e koymak istediğimde bozulmalar oluyor.Çünkü tek bir dokudan oluyor. Css ile isteğim header kısmına bu imleme kodunu yerleştirebilir miyim?

    Önce :


    Sonra:


    Js imleme Kodu :

    <script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/large.js" language="JavaScript"></script>
    Sitemin CSS Kodu:

    body {
      background: url(images/background.png) repeat-x #e6e3dc;
      margin: 0;
      font-family:Arial, Helvetica, sans-serif;
    }
    
    a {
      color: #9bb50b;
      text-decoration: none;
    }
    
    a:hover {
      color: #728507;
      text-decoration: underline;
    }
    
    #wrapper {
      width: 900px;
      margin: 0 auto;
    }
    
    #header {
    
    }
    
    #logo {
      background: url(images/logo.png) no-repeat;
      width: 335px;
      height: 50px;
      margin-top: 17px;
      margin-left: 7px;
    }
    
    #updates {
      color: #e6e3dc;
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
      padding-top: 5px;
     }
    
    #updates span {
      font-size: 13px;
    }
    
    #login {
      background: url(images/loginbg.png);
      width: 356px;
      height: 73px;
      position: relative;
      top: -71px;
      left: 560px;
      color: #e6e3dc;
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
      font-size: 13px;
    }
    
    #regpage {
      width: 356px;
      height: 150px;
      color: #000000;
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
      font-size: 13px;
    }
    
    #loginwelcome {
      padding-left: 20px;
      padding-top: 15px;
    }
    
    #login form {
      padding-left: 20px;
    }
    
    #login .username {
      border: none;
      background: url(images/formfield.png) transparent no-repeat;
      width: 131px;
      height: 21px;
      color: #859c0a;
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
      text-indent: 4px;
      font-size: 13px;
    }
    
    
    #regpage .item {
      border: none;
      background: url(images/formfield.png) transparent no-repeat;
      width: 131px;
      height: 21px;
      color: #859c0a;
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
      text-indent: 4px;
      font-size: 13px;
    }
    
    
    #login .password {
      border: none;
      background: url(images/formfield.png) transparent no-repeat;
      width: 131px;
      height: 21px;
      color: #859c0a;
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
      text-indent: 4px;
      font-size: 13px;
    }
    
    #login .submit {
      border: none;
      background: none;
      width: 50px;
      font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
      color: #e6e3dc;
      font-size: 15px;
    }
    
    ul {
    	list-style: none;
    	margin: 0px;
    	padding: 0px;
    	}
    
    #navigation {
    float:right;
      font-size:12px;
      margin-top: -18px;
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
    }
    
    
    #navigation li {
      float:left;
      margin-right: 3px;
    }
    
    #navigation li a{
      display: block;
      text-decoration: none;
      color: #e6e3dc;
      width: 70px;
      height: 24px;
      text-align: center;
      padding-top: 5px;
    }
    
    
    #navigation li a:hover {
    	background: url(images/button.jpg) no-repeat;}
    
    #navigation .on {
    	background: url(images/button.jpg) no-repeat;}
    
    #content {
      background: url(images/contentback.jpg) repeat-x #FFFFFF;
      margin-top: 15px;
      padding: 10px;
    }
    
    #content h2 {
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
      font-size: 23px;
      color: #9bb50b;
      margin: 0;
      margin-top: 10px;
    }
    
    #content p {
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
      font-size: 13px;
      padding-left: 15px;
      margin: 0;
      width: 95%;
    }
    
    #content td {
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
      font-size: 13px;
      padding-left: 15px;
      margin: 0;
      width: 95%;
    }
    
    #stock {
      margin: 0 auto;
      margin-top: 15px;
      width: 78%;
    }
    
    #footer {
      background: url(images/footback.png) no-repeat;
      height: 22px;
      font-family: "Tahoma", Arial, Helvetica, sans-serif;
      font-size:14px;
      color: #FFFFFF;
      margin-bottom: 9px;
    }
    
    #footertext {
      width: 100%;
      text-align: center;
    }
    
    #footertext a {
      color: #000000;
      text-decoration: none;
    }
    
    #footertext a:hover {
      color: #728507;
      text-decoration: underline;
    }
  • 08-06-2010, 12:41:16
    #2
    bir div oluştur ve onu sitede bir yere yerleştir, yeri yurdu belli olsun.

    daha sonra o scripti de o divin içerisine yapıştırıp dene
  • 09-06-2010, 16:17:00
    #3
    Aynen dediğini yaptım biraz uğraştırdı ama sonunda oldu Teşekküler.