Witam szukam pomocy w osiągnięciu takiego efektu w szablonie moderacyjnym:
![[Obrazek: 530861c5860c6.png]](https://zapodaj.net/images/530861c5860c6.png)
Korzystając z magicznej opcji zbadaj element, jestem w stanie odwzorować praktycznie wszystko prócz tego odstającego z boku "ptaszka" "okejki" czy jak kto woli, przeszukałem prawie każdą linijkę, która tam wystąpiła a oznaczenie tej częśći tego szablonu, tzn. tego ciemniejszego kwadratu w którym jest ta okejka pokazywało pusty kod jakim był
<span></span>
Załączam jeszcze zestaw przykładów:
![[Obrazek: fd1bc91db0a1b.png]](https://zapodaj.net/images/fd1bc91db0a1b.png)
Tu masz całe CSS:
.noticeui111 {
background: url(../../../images/noticebg.png) repeat-x scroll 0px 0px transparent;
color: rgb(255, 255, 255);
width: 83%;
height: 50px;
font-weight: normal;
padding: 1px 15px 0px;
margin-bottom: 2.5em;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
position: relative;
left: 80px;
}
.noticeui111 p {
margin-bottom: 1.5em;
}
.noticeui111 p:last-child {
margin-bottom: 0px;
}
.noticeui111 h5 {
font-size: 14px;
font-weight: bold;
margin-bottom: 0.65em;
}
.noticeui111 span {
background: url(../../../images/noticetabs.png) no-repeat scroll 100% 0px transparent;
width: 33px;
height: 40px;
position: absolute;
left: -34px;
top: 9px;
}
.noticeui111-warn {
background-color: rgb(255, 234, 151);
color: rgb(121, 97, 0);
border: 1px solid rgb(225, 181, 0);
}
.noticeui111-warn span {
background-position: 100% -800px;
}
.noticeui111-error {
background-color: rgb(239, 206, 201);
color: rgb(147, 54, 40);
border: 1px solid rgb(174, 63, 47);
}
.noticeui111-error span {
background-position: 100% -400px;
}
.noticeui111-info {
background-color: rgb(198, 216, 240);
color: rgb(40, 87, 151);
border: 1px solid rgb(67, 129, 205);
}
.noticeui111-info span {
background-position: 100% -1200px;
}
.noticeui111-success {
background-color: rgb(238, 244, 212);
color: rgb(89, 108, 38);
border: 1px solid rgb(143, 173, 61);
}
.noticeui111-success span {
background-position: 100% 0px;
}
Obraz z załącznika wgraj do
images
a teraz jak to połączyć z narzędziem moderacynym? okno "Napisz odpowiedź" nie przyjmuje HTML'a
Skorzystaj z MyCode:
W tytule wpisz byle co, w wyrażenie regularne wpisz:
Kod:
\[notka-z\](.*?)\[/notka-z\]
gdzie zamiast
notka-z wpisujesz komendę, którą będziesz wywoływał notatkę (w moim przypadku jest to żółta notatka)
w Zamiana wpisz:
<div class="noticeui111 noticeui111-warn"><center><br>$1</center><p></p><span></span></div>
i zapisz. Teraz jeśli chcesz wywołać notatkę wpisujesz:
[notka-z]treść notki[/notka-z].
Efekt:
[
attachment=12191]