Kişisel Web Siteleriniz ve Bloglarınız

Başlatan ElisaMcCline, 11 Nisan 2011, 16:31:15

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.


tolgacan86

@Coulers; hangi browser kullanıyorsun? Birde acaba başka böyle gören var mı?
Şimdi telden girdim, netbooktan baktım, masa üstü pc den baktım hepsinde normal görünüyor bende :(


Coulers79

#713
Browserdan dolayı öyle gösteriyormuş, chrome'dan baktım sorun yok.


FilmsizKalma

Tolga. Can son derece güzel olmuş.Bir takım Arkadaşlar uyarilari yapmis sende ona gore duzenlemissin :)
Senin için hala bakiniyrum css ve javascriptlerin HTML si nazil yazilir diye.(body içine gelecek kısım)  ancak elisanin dediği gibi bir arpa boyu yol alamadim :)
Sen sadece calistir demistin  calistırdik iste :) nereye nasill yerlesecegine calismamistim hocam :P

Ödeme kanitlarin girilirken yaptigin şey şimdi gayet iyi olmuş ancak bunun farklı bir stili varsa daha güzel olabilir :)

FilmsizKalma

#716
Blogumu genel olarak bitirdim. Bitirince burada 2 satırlık önemsiz kodlarımı paylaşacağımı belirtmiştim. Tam detaylı bitmiş olmasamda %95 dizayn yönünden bitmiştir. Script kodları aşşağıdadır.. Aşşağıdaki kısım ile çalışmaz. body kısmındaki bilgilerin nerede olduğunu söyelememe gerek yok diye düşünüyorum.İsteyen gelip alabilir..Onuda buraya eklemiştim ancak Forumda 20.000 dedi sanırım 20.000 karakterden sonrasına izin verilmiyormuş..

[spoiler]http://bestptclicker.blogspot.com/[/spoiler]
Blog domain adı geçicidir.
Üst menüdeki sayfa sıralamasıda geçicidir.
Meta tagları ilerleyen günlerde çok daha fazla girilecektir.


[spoiler]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Best ptc, ptc earn money, Bestptc, Bestptcsites, Top Ptc Sites, best and Trusted PTC, Bestptcsite, Ptcsites, Ptc sites, Ptclist, Best paid to click, Online earning, make money online,  earn easy money, earn from web, high paying ptc sites,  honest ptc sites, make instant money online, make money online, online earning, online money making, "/>
<style type="text/css">

#content{
    width:824px;
    height:600px;
    margin:-200px auto 0px auto;
    background:transparent url(bg.gif) no-repeat bottom left;
}
#content h1{
    color:#7F6137;
    text-shadow:1px 1px 1px #fff;
}
#content p{
    margin:20px;
    width:600px;
}
#content .text{
    padding:300px 0px 0px 100px;
}

ul#navigation {
    position: fixed;
    margin-left: 20px;
    padding: 0px;
    top: 0px;
    list-style: none;
    z-index:999999;
}
ul#navigation li {
    display:inline;
    float:left;
    width:100px;
   
}
ul#navigation li a {
    display: block;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
    float: left;
    width: 100px;
    height: 43px;
    color: #603d05;
    background: transparent url(http://3.bp.blogspot.com/-CKj3Wkm_rIk/Uqy0lVVX3oI/AAAAAAAAAbQ/AzxGig_hQd0/s1600/item.png) no-repeat bottom right;
    text-decoration:none;
    text-align: center;
    padding-top: 80px;
    margin-top: -40px;
    cursor: pointer;
   
}

ul#navigation li a:hover{

}

body {
  font-family:verdana;
  font-size:12px;
  color:#333;
  line-height:18px;
}
h1 {
  font-family:georgia;
  font-size:24px;
  color:#006699;
}
ul {
  list-style-type:none;
  float:left;
  padding:0px;
  margin:0px;
  width:1250px;
}
li {
  padding:0px;
  margin:0px;
  display:block;
  border:0px solid #eee;
}
li:hover {
 
}
li.baslik {
 
  font-weight:bold;
}
div.sutun {
  width:326px;
  padding:5px;
  margin-top: -20px;
  margin-left:-25px;
  border:0px solid #eee;
  float:left;
  height:35px;
  color: red;
}
 
</style>
<style type="text/css">

.paymentufak{
position: relative;
z-index: 0;
}

.paymentufak:hover{
background-color: transparent;
z-index: 50;
}

.paymentufak span{ /*ödeme resmi için.*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed blue;
visibility: hidden;
color: black;
text-decoration: none;
}

.paymentufak span img{ /*ödeme resmi için.*/
width: 360px;
height: 300px;
border-width: 0;
padding: 2px;
}

.paymentufak:hover span{ /*ödeme resmi gizlilik.*/
visibility: visible;
top: 30px;
left: -100px; /*saklanan */

}

</style>

<style type="text/css">
.aaa{
border:1px solid #a1a1a1;
padding:0px 0px;
background:#fafad2;
width:300px;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

.view {
    width: 280px;
    height: 240px;
    margin: 15px;
   
    float: left;
    border: 0px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center

}
.view .mask, .view .content {
    width: 280px;
    height: 240px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
    border: 0px;
    padding: 0px;
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 10px 0 0 0
   
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 15px;
    position:
    color: #fff;
    padding: 5px 10px 10px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
     text-transform: uppercase;
   
   
}
.view a.info:hover {
    box-shadow: 0 0 0px red

}
.view a.info1 {
    display: inline-block;
    text-decoration: none;
     text-transform: uppercase;
   
   
}
.view a.info1:hover {
    box-shadow: 0 0 0px red

}
/*flmszklm kodlmstr (tarih: Dec 10th, 2013)
* ltfn emek vrildigni unutmayın
* Author: filmsizkalma
* kodlar flmszklm aittir.
*/
.view-flmszklm .mask {
   background-color: rgba(255, 255, 255, 0.7);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-flmszklm h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-flmszklm p {
   color: #333;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}
.view-flmszklm a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view-flmszklm a.info1 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view-flmszklm:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
}
.view-flmszklm:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-flmszklm:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-flmszklm:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}


.view-flmszklm:hover a.info1 {
   -webkit-transform: translateY(238px);
   -moz-transform: translateY(238px);
   -o-transform: translateY(238px);
   -ms-transform: translateY(238px);
   transform: translateY(238px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}

#pscroller2{
background:url(http://4.bp.blogspot.com/-7ZFQXCvcnjQ/TlfjPMxiBJI/AAAAAAAAEzM/jrV-qvI_xqM/s400/updates1.gif) no-repeat top left;
width: 430px;
height: 20px;
border: 1px solid #ddd;
padding-left: 40px;
margin-top:-10px;
margin-left:20px;
}
#pscroller2 a{
text-decoration: none;
color:#0080ff;
}
#pscroller2 a:hover{
text-decoration: underline;
}
.someclass{
}
</style>







<script>
window.document.body.oncontextmenu = cncl;
window.document.body.onselectstart = cncl;
window.document.body.ondragstart = cncl;
function cncl(){ if(window.event && window.event.returnValue) window.event.returnValue = false; return false; }



</script>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                var d=300;
                $('#navigation a').each(function(){
                    var $this = $(this);
     var r=Math.floor(Math.random()*41)-20;
                    $this.css({'-moz-transform':'rotate('+r+'deg)','-webkit-transform':'rotate('+r+'deg)','transform':'rotate('+r+'deg)'});
                    $('#content').css({'-moz-transform':'rotate('+r+'deg)','-webkit-transform':'rotate('+r+'deg)','transform':'rotate('+r+'deg)'});
                    $this.stop().animate({
                        'marginTop':'-70px'                       
                    },d+=150);
                });
                $('#navigation > li').hover(
     function () {
      var $this = $(this);
      $('a',$this).stop().animate({
       'marginTop':'-40px'
      },200);
     },
     function () {
      var $this = $(this);
      $('a',$this).stop().animate({
       'marginTop':'-70px'
      },200);
     }
    ).click(function(){
     var $this = $(this);
     var name = this.className;
     $('#content').animate({marginTop:-600}, 300,function(){
      var $this = $(this);
      var r=Math.floor(Math.random()*41)-20;
      $this.css({'-moz-transform':'rotate('+r+'deg)','-webkit-transform':'rotate('+r+'deg)','transform':'rotate('+r+'deg)'});
      $('#content div').hide();
      $('#'+name).show();
      $this.animate({marginTop:-200}, 300);
     })   
    });
            });
        </script>


</head>


<ul id="navigation">
    <li class="home"><a href="http://bestptclicker.blogspot.com/"  class="info"><b>Home</b></a></li>
    <li class="about"><a href="http://bestptclicker.blogspot.com/p/promotion.html"  class="info" ><b>Promotion</b></a></li>
<li class="contact"><a href="http://bestptclicker.blogspot.com/p/contact.html"  class="info"><b>Contact</b></a></li>
    <li class="photos"><a href="http://bestptclicker.blogspot.com/"  class="info"><b>Last <br/>Payment</b></a></li>
<li class="search"><a href="http://bestptclicker.blogspot.com/"  class="info"><b>Other Sites</b></a></li>
</ul>

<a target="_blank" href="http://lcnclix.com/?ref=ForumsuzKalma"><img src="http://lcnclix.com/banner1.gif" style="display: block; height: 60px; margin-left:750px; margin-top:-30px; margin-bottom:-25px; text-align: center; width: 468px;" /></a>

<script type="text/javascript">
/*Example message arrays for the two demo scrollers*/

var pausecontent2=new Array()
pausecontent2[0]='<a href="http://lcnclix.com/?ref=ForumsuzKalma">LCNClix $12.50 10/12/2013</a>'
pausecontent2[1]='<a href="http://lcnclix.com/?ref=ForumsuzKalma">Son ödemeler</a>'
pausecontent2[2]='<a href="http://lcnclix.com/?ref=ForumsuzKalma">BuxEvo $2.06 14/12/2013</a>'
pausecontent2[3]='<a href="http://lcnclix.com/?ref=ForumsuzKalma">Alınan son ödemeler</a>'
</script>
<script type="text/javascript">
function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style=" position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style=" position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}
// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------
pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}

// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------
pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}
// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------
pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}
pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}
pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}
</script>

<script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent2, "pscroller2", "someclass", 1000)
</script>

</head>





[/spoiler]

ElisaMcCline

Hayırlı olsun FilmsizKalma, Güle güle kullan :) :y

Şu konu benimle başladığı için, niyetin farklıysa da, üzerime alınıyorum, haberin olsun :)
Çünki bilmediğim bir konuda, bir hevesle başlamış olmam ve harcadığım zaman dolayısıyla benim için önemliydi :)

Neyse, website versiyonuna başladım ben de...
Ona da vakit ayıramadığım için, muhtemelen 2015 e girerken bir ara görürsünüz :D

Tüm alanlarda OJOOO bandage kalmış bu arada :)

Bol kazanç getirecek reklamlara konu olur inşallah :)

FilmsizKalma

Alıntı yapılan: ElisaMcCline - 18 Aralık 2013, 01:24:33
Hayırlı olsun FilmsizKalma, Güle güle kullan :) :y

Şu konu benimle başladığı için, niyetin farklıysa da, üzerime alınıyorum, haberin olsun :)
Çünki bilmediğim bir konuda, bir hevesle başlamış olmam ve harcadığım zaman dolayısıyla benim için önemliydi :)

Neyse, website versiyonuna başladım ben de...
Ona da vakit ayıramadığım için, muhtemelen 2015 e girerken bir ara görürsünüz :D

Tüm alanlarda OJOOO bandage kalmış bu arada :)

Bol kazanç getirecek reklamlara konu olur inşallah :)

Hiç üstünüze alınacak bir durum yok. Bir çok kere belirttim :)
Tüm resimler, site açıklamaları, başlıklar yeniden girilecektir. Önemli olan sitenin genel durumu idi. Gerisi bir kaç saatlik isim, açıklama değiştirmekten ibaret.. Reklam verecğeim yakında bunun için konu açtım.. Belki slot satın alan olursa. 2 iş birden yapmış olmam direk onlarınkini ekler daha sonra kendiminkileri düzenlerim diye yazı ve açıklamaları bıraktım.
Yorumunuz için teşekkür ederim. Bende bir blogdan fazlası olsun diye kapsamı arttırmıştım. Diğer sayfalar tam hazır olmasda bu şekilde planlayacağım. host almam belki ama ilerleyen zamanda bloggerdan domain alabilirim.
Sizede kolay gelsin (yvr) hedef 2015.. ak parti sloganı gibi oldu :D

FilmsizKalma

ve ayrıca rica etsem, tarayıcınızdan sitnin görünüş fotosunu alabilirmiyim. bunun yanında çözünürlüğünüz ve ekran boyutunuzuda belirtirseniz :D