You can use line-breaks, smilies and bbcode
Color Red
Img BBCode:
[center]Buraya tıklaHere you post ToolTips
You can use line-breaks, smilies and bbcode
Color Red
Img BBCode:
malialdemir » Pzr Eki 11, 2026 11:39 pm
malialdemir » Pzr Eki 11, 2026 11:35 pm
Kod: Tümünü seç
[ipucu={TEXT2}]{TEXT1}[/ipucu]Kod: Tümünü seç
<span class="bbcode-tooltip" onclick="var t=this;t.classList.toggle('active');if(t.classList.contains('active')){var tt=t.querySelector('.bbcode-tooltip-text');var rect=t.getBoundingClientRect();var ttRect=tt.getBoundingClientRect();var left=0;if(rect.left+ttRect.width>window.innerWidth){left=window.innerWidth-ttRect.width-10;}else if(rect.left<10){left=10-rect.left;}tt.style.left=left+'px';}">{TEXT2}<span class="bbcode-tooltip-text">{TEXT1}</span></span>Kod: Tümünü seç
İpucu: [ipucu=ipucu]Tooltip Bubble text[/ipucu]Kod: Tümünü seç
.bbcode-tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted #666;
cursor: pointer;
}
.bbcode-tooltip-text {
visibility: hidden;
opacity: 0;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 6px 10px;
position: absolute;
z-index: 1000;
bottom: 100%;
left: 0;
margin-bottom: 8px;
width: max-content;
max-width: 300px;
white-space: normal;
word-wrap: break-word;
font-size: 13px;
transition: opacity 0.3s, visibility 0.3s;
pointer-events: none;
}
.bbcode-tooltip-text::after {
content: "";
position: absolute;
top: 100%;
left: 20px;
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.bbcode-tooltip.active .bbcode-tooltip-text {
visibility: visible;
opacity: 1;
}
Kod: Tümünü seç
[center][ipucu=Buraya tıkla]Here you post ToolTips
You can use line-breaks, smilies and bbcode
[b][color=#FF0000]Color Red[/color][/b] 8-)
Img BBCode:
[img]https://phpbb3bbcodes.com/download/file.php?id=3332[/img] [/ipucu][/center]malialdemir » Cmt Eki 10, 2026 9:06 pm
malialdemir » Cmt Eki 10, 2026 8:55 pm
viewtopic.php?t=123&p=456 gibi bağlantılar sunar.my-topic-title-t123-p456 gibi okunabilir yollara yeniden yazar.malialdemir » Cmt Eki 10, 2026 8:44 pm
malialdemir » Cum Eki 09, 2026 7:52 pm
Kod: Tümünü seç
[search]{INTTEXT}[/search]Kod: Tümünü seç
<a href="./search.php?keywords={INTTEXT}" class="button" title="Search: {INTTEXT}">
<i class="icon fa-search fa-fw" aria-hidden="true"></i> <span>{INTTEXT}</span>
</a>Kod: Tümünü seç
Forum araması [search]Anahtar kelime yazın[/search]Kod: Tümünü seç
[search]Özel BBKodları[/search]malialdemir » Cum Eki 09, 2026 7:45 pm
Kod: Tümünü seç
[ticker]{TEXT}[/ticker]Kod: Tümünü seç
<aside class="ticker">
<div class="ticker__inner">
<p>{TEXT}</p>
</div>
</aside>Kod: Tümünü seç
Sağdan Sola Kayan Yazı BBCode: [ticker]Metninizi buraya yazın.[/ticker]Kod: Tümünü seç
[ticker]Lorem ipsum dolor sit amet, adipiscing elit'i bir araya getiriyor.[/ticker]Kod: Tümünü seç
/** Ticker **/
.ticker {
--ticker-duration: 20s;
z-index: 10;
overflow: hidden;
padding: 0.5rem;
}
.ticker__inner {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
white-space: nowrap;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-name: ticker;
animation-duration: var(--ticker-duration);
text-align: center;
width: max-content;
padding-left: 100%;
}
@media (prefers-reduced-motion: reduce) {
.ticker__inner {
flex-wrap: wrap;
white-space: inherit;
padding-left: 0;
width: auto;
}
}
.ticker__inner p {
margin: 0 2rem;
}
@keyframes ticker {
0% {
transform: translate3d(0%, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}Kod: Tümünü seç
--ticker-duration: 20s;malialdemir » Cum Eki 09, 2026 7:34 pm
malialdemir » Cum Eki 09, 2026 7:32 pm
Kod: Tümünü seç
[columns={NUMBER}]{TEXT}[/columns]Kod: Tümünü seç
<div style="column-count: {NUMBER}; column-gap: 20px; margin: 10px 0;">{TEXT}</div>Kod: Tümünü seç
Sütun: [columns=sütun sayısı]Buraya metin gelecek.....[/columns]malialdemir » Cum Eki 09, 2026 7:25 pm
Kod: Tümünü seç
[blinkbbcode]{TEXT}[/blinkbbcode]Kod: Tümünü seç
<span class="blinkbbcode">{TEXT}</span>Kod: Tümünü seç
Yanıp sönme: [blinkbbcode]{TEXT}[/blinkbbcode]Kod: Tümünü seç
[blinkbbcode]Yanıp Sönen[/blinkbbcode] tek bir kelime
[blinkbbcode] 😎 [/blinkbbcode] yanıp sönen emojiKod: Tümünü seç
/* Blink BBCode START */
.blinkbbcode {
animation: blink 1s steps(1, end) infinite;
}
@keyframes blink {
50% {
visibility: hidden;
}
}
/* Blink BBCode END */