| Hoşgeldin, Ziyaretçi |
Sitemizden yararlanabilmek için kayıt olmalısınız.
|
|
|
| MYBB forumda [Error Message] SQL Error 145 [SOLVED] |
|
Yazar: RasitTunca - 11-26-2018, 01:51 PM - Forum: Webmaster Bilgileri
- Yorum Yok
|
 |
MYBB forumda [Error Message] SQL Error 145 [SOLVED]
MyBB has experienced an internal SQL error and cannot continue.
SQL Error:
145 - Table './surviv78_Forums/mybb_sessions' is marked as crashed and should be repaired
Query:
DELETE FROM mybb_sessions WHERE uid='3'
This happened yesterday on my forums. I haven't made any changes to the board itself, so I was wondering if I could fix this?
ANTWORT:
Admin CP > Tools & Maintenance > Task Manager > Tables Check.
And click the little clock.
Does that actually repair the table?
|
|
|
| Fare üzerine gelince 360° Dönen Resim CSS Kodu |
|
Yazar: RasitTunca - 11-25-2018, 09:10 PM - Forum: Webmaster Bilgileri
- Yorum Yok
|
|
Fare üzerine gelince 360° Dönen Resim CSS Kodu
Fare üzerine gelince 360° Dönen Resim CSS Kodu
Kod: .image {
float: left;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin-top: -60px;
margin-left: -60px;
-webkit-animation-name: spin;
-webkit-animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 4000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 4000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
} to {
-ms-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
} to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
} to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0deg);
} to {
transform: rotate(360deg);
}
}
}
|
|
|
|
| Fare üzerine gelince Büyüyen (Zoom in/Out) Resim CSS Kodu |
|
Yazar: RasitTunca - 11-25-2018, 09:08 PM - Forum: Webmaster Bilgileri
- Yorum Yok
|
|
Fare üzerine gelince Büyüyen (Zoom in/Out) Resim CSS Kodu
Fare üzerine gelince Büyüyen (Zoom in/Out) Resim CSS Kodu
Kod: <style>
.zoom {
padding: 50px;
background-color: green;
transition: transform .2s; /* Animation */
width: 200px;
height: 200px;
margin: 0 auto;
}
.zoom:hover {
transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
</style>
<div class="zoom"></div>
|
|
|
|
CSS3 ile üzerine gelince önyüzünü arkayüzüne dönen resim kodu |
|
Yazar: RasitTunca - 11-24-2018, 01:07 PM - Forum: Webmaster Bilgileri
- Yorum Yok
|
|
CSS3 ile üzerine gelince önyüzünü arkayüzüne dönen resim kodu
Bu yapı için iki adet görsel hazırlayacağız. Örnekte bir adet resim bir adet yazı alanı oluşturduk. Yazı alanını border-radius ile aynı görselmiş gibi yuvarlak hale getirdik. Bu iki çerçeveyi de absolute şekilde pozisyonlayarak z-index ile hiyerarşik olarak sıraladık. Döndürülecek öğeleri, tetikleyici isimli ayrı bir çerçeve içerisine alarak tasarıma uyarladık.
HTML kodlarımız ile başlayalım.
HTML Kodları
Yukarıda da bahsettiğimiz gibi birbirini kapsayan iki adet çerçevemiz mevcut. Ayrıca onyuz ve arkayuz şekilde isimlendirilmiş yüzeylerimizde tasarım içerisinde yerini alıyor. Bu dizilimde HTML kodları şu şekli alıyor:
Kod: <div class="dondurulecekler">
<div class="tetikleyici">
<img src="BurayaRasimin adresi" class="onyuz">
<div class="arkayuz">
<h1>DÖNEN RESiM</h1>
<hr>
<p>Buraya aciklama girin.</p>
</div>
</div>
</div>
Sırada bu kodları şekillendirmek var.
Kod: .dondurulecekler {
perspective: 1000;
}
.dondurulecekler:hover .tetikleyici, .dondurulecekler.hover .tetikleyici {
transform: rotateY(180deg);
}
Şimdi onyuz tasarımını yapalım.
.dondurulecekler, .onyuz{
width: 300px;
height: 300px;
}
.onyuz {
z-index: 2;
transform: rotateY(0deg);
}
Sırada arkayuz tasarımı var. Burada her kenara 50 piksellik padding uyguladığımız için 300 piksel olan genişlik ve yüksekliği 100 düşürüyoruz.
.arkayuz {
background-color:#5bc0de;
border-radius:100%;
text-align:center;
color:white;
width: 200px;
height: 200px;
padding:50px;
box-shadow:inset 0px 0px 0px 5px #46b8da;
transform: rotateY(180deg);
}
Tetikleyicimizi ve onyuz & arkayuz için ortak tanımları girelim.
.tetikleyici {
transition: 0.4s;
transform-style: preserve-3d;
position: relative;
}
.onyuz, .arkayuz {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
Şimdi arkayuz isimli divisiondaki tasarımları stilize edelim.
.arkayuz h1{
margin:15px 0;
font-size:20px;
color:white;
font-weight:700;
}
.arkayuz hr{
border:1px solid #46b8da;
margin:15px 0;
}
.arkayuz p{
font-size:16px;
color:white;
line-height:170%;
}
Bu kadar.
|
|
|
|
| Resmin üzerine gelince büyüsün HTML kodu |
|
Yazar: RasitTunca - 11-24-2018, 11:48 AM - Forum: Webmaster Bilgileri
- Yorum Yok
|
|
RESMİN ÜZERİNE GELİNCE BÜYÜSÜN HTML KODU
Kod: <html> <head>
<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
:hover.thumbnail{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
left: -1000px;
margin-bottom: 20px;
font-size: 11px;
font-family: tahoma, sans-serif;
letter-spacing: 1px;
line-height: 160%;
color: #99CC00;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
:hover.thumbnail span{
visibility: visible;
top: 0;
left: 60px;
}
.main { FONT-FAMILY: 'Verdana'; FONT-SIZE: 8pt; FONT-WEIGHT: 400; COLOR: 144E56; BACKGROUND-COLOR:#FFFFFF; MARGIN:0px }
</style> </head> <body>
<a class="thumbnail" href="#thumb">
<img src="RESİM ADRES" width="100" height="75" border="0" align="center" /><span>
<img src="RESİM ADRES" width="400" height="280" /></span>
</body></html>
kod içindekı bu alttaki yazı sadece 1 resim içindir, kod içinde bunu çoğaltarak iki yada üç resim yapabilirsiniz.
Kod: <img src="RESİM ADRES" width="100" height="75" border="0" align="center" /><span>
<img src="RESİM ADRES" width="400" height="280" /></span>
kod içindekı bu yazı sadece 1 resim içindir, bunu çoğaltarak iki yada üç resim yapabilirsiniz.
|
|
|
|
| Yukarı kayan resim kodu *duyurular için olabilir |
|
Yazar: RasitTunca - 11-24-2018, 11:43 AM - Forum: Webmaster Bilgileri
- Yorum Yok
|
|
Yukarı kayan resim kodu *duyurular için olabilir
Kod: <marquee direction="up" width="150" height="200">
<img src="1.Resim" width="100px" heigth="600px" />
<img src="2.Resim" width="100px" heigth="600px" />
<img src="3.Resim" width="100px" heigth="600px" /> </marquee>
|
|
|
|
| Sola doğru kayan çerçeveli resim html kodu |
|
Yazar: RasitTunca - 11-24-2018, 11:42 AM - Forum: Webmaster Bilgileri
- Yorum Yok
|
|
SOLA DOĞRU KAYAN ÇERÇEVELİ RESİM HTML KODU
Kod: <table style="width: 500px; height: 111px" cellspacing="1" cellpadding="1" width="500" border="1"> <tbody> <tr> <td><marquee scrollamount="1" scrolldelay="40" top="0" left="30" frameborder="0" onmouseout_fckprotectedatt=" onmouseout=" onmouseover_fckprotectedatt=" onmouseover=">
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="RESİM ADRESİ" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="RESİM ADRESİ" /></a>
|
|
|
|
|
