Twoje PC  
Zarejestruj się na Twoje PC
TwojePC.pl | PC | Komputery, nowe technologie, recenzje, testy
B O A R D
   » Board
 » Zadaj pytanie
 » Archiwum
 » Szukaj
 » Stylizacja

 
M E N U
  0
 » Nowości
0
 » Archiwum
0
 » Recenzje / Testy
0
 » Board
0
 » Rejestracja
0
0
 
Szukaj @ TwojePC
 

w Newsach i na Boardzie
 
OBECNI NA TPC
 
 » JE Jacaw 10:46
 » Zbyl 10:45
 » luzak2363 10:40
 » Ramen 10:38
 » Sherif 10:36
 » Kenny 10:30
 » Wolf 10:28
 » emigrus 10:21
 » metacom 10:15
 » palioza 10:14
 » DYD 10:13
 » pwil2 10:13
 » AfiP 10:13
 » Robek 10:13
 » Menah 10:13
 » MARtiuS 10:02
 » okobar 09:46
 » jablo 09:27
 » yeger 09:24
 » zibi13 09:21

 Dzisiaj przeczytano
 23064 postów,
 wczoraj 27138

 Szybkie ładowanie
 jest:
włączone.

 
ccc
TwojePC.pl © 2001 - 2026
A R C H I W A L N A   W I A D O M O Ś Ć
    

Kto pomoże wyedytować styl CSS (skórka dla IEView pod Mirandą) , Marcus 21/05/09 12:17
Poszukuję osoby, która pomogła by mi wyedytować styl okna rozmowy w Mirandzie zapisany w CSS.
Jest zrobiony styl. Chciałbym
- przenieść godzinę na prawą stronę okna,
- chciałbym aby tekst piszącego i mój zaczynał się jeden wiersz poniżej nick'a.

Zamieszczam poniżej zawartość dwóch plików stylu, który chcę zmienić: plik skully.ivt oraz plik style.css
---------------------------------------------------
Plik skully.ivt
---------------------------------------------------
<!--Skully-->
<!--HTMLStart-->
<html>

<head>
<base href="%base%">
<link rel=stylesheet type="text/css" href="style.css">
</head>

<body>

<!--MessageOut-->
<div class="container">
<span class="timestamp">%time%</span>
<span class="namebox">%name%:</span>
<span class="message_out">%text%</span>
</div>

<!--MessageIn-->
<div class="container">
<span class="timestamp">%time%</span>
<span class="namebox">%name%:</span>
<span class="message">%text%</span>
</div>

<!--Status-->
<div class="status_container">
<div class="status" align="center"><b>%time% &raquo; %name% %text%</b></div>
</div>

<!--URL-->
<div class="container">
<span class="timestamp">%time%</span>
<span class="namebox">%name%:</span>
<span class="message"><b>URL:</b> %text%</span>
</div>

<!--File-->
<div class="container">
<span class="timestamp">%time%</span>
<span class="namebox">%name%:</span>
<span class="message"><b>File:</b> %text%</span>
</div>

<!--hMessageIn-->
<div class="hcontainer">
<span class="htimestamp">%time%</span>
<span class="hnamebox">%name%:</span>
<span class="hmessage">%text%</span>
</div>

<!--hMessageOut-->
<div class="hcontainer">
<span class="htimestamp">%time%</span>
<span class="hnamebox">%name%:</span>
<span class="hmessage_out">%text%</span>
</div>

<!--hStatus-->
<div class="hstatus_container">
<div class="hstatus" align="center"><b>%time% &raquo; %name% %text%</b></div>
</div>

<!--hURL-->
<div class="hcontainer">
<span class="htimestamp">%time%</span>
<span class="hnamebox">%name%:</span>
<span class="hmessage"><b>URL:</b> %text%</span>
</div>

<!--hFile-->
<div class="hcontainer">
<span class="htimestamp">%time%</span>
<span class="hnamebox">%name%:</span>
<span class="hmessage"><b>File:</b> %text%</span>
</div>

<!-- /////////////// MESSAGE GROUPING /////////////// -->

<!--MessageOutGroupStart-->
<div class="container">
<div class="namebox">%name%</div>
<div class="message">%text%</div>

<!--MessageOutGroupInner-->
<div class="message">%text%</div>

<!--MessageOutGroupEnd-->
</div>

<!--MessageInGroupStart-->
<div class="container">
<div class="namebox">%name%</div>
<div class="message">%text%</div>

<!--MessageInGroupInner-->
<div class="message">%text%</div>

<!--MessageInGroupEnd-->
</div>

<!--hMessageOutGroupStart-->
<div class="container">
<div class="hnamebox">%name%</div>
<div class="hmessage">%text%</div>

<!--hMessageOutGroupInner-->
<div class="hmessage">%text%</div>

<!--hMessageOutGroupEnd-->
</div>

<!--hMessageInGroupStart-->
<div class="container">
<div class="hnamebox">%name%</div><div class="hmessage">%text%</div>

<!--hMessageInGroupInner-->
<div class="hmessage">%text%</div>

<!--hMessageInGroupEnd-->
</div>

---------------------------------------------------
Plik style.css
---------------------------------------------------
/* Skully */
body {
background-color: #222222;
overflow: auto;
margin: 0px;
scrollbar-3dlight-color : #484649;
scrollbar-arrow-color : #cfcfcf;
scrollbar-base-color : #1d1d1d;
scrollbar-darkshadow-color : #5f5b53;
scrollbar-face-color : #110013;
scrollbar-highlight-color : #535251;
scrollbar-shadow-color : #141414;
scrollbar-track-color : #292929;
}


.container {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;

background-color: #222222;
}
.timestamp {
color: #ED7802;
width: 40px;
}
.namebox {
color: #326EA1;
width: 110px;
}
.message {
color: #777777;
padding-left: 8px;
}
.message_out {
color: #7DA330;
padding-left: 8px;
}
.status_container {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;

background-color: #770000;
}
.status {
color: #BBBBBB;
padding-left: 8px;
}

.hcontainer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;

background-color: #111111;
}
.htimestamp {
color: #ED7802;
width: 40px;
}
.hnamebox {
color: #326EA1;
width: 110px;
}
.hmessage {
color: #777777;
padding-left: 8px;
}
.hmessage_out {
color: #7DA330;
padding-left: 8px;
}
.hstatus_container {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;

background-color: #440000;
}
.hstatus {
color: #BBBBBB;
padding-left: 8px;
}


a {
color: #7DA330;
text-decoration: underline;
}
a:hover {
color: #9EC945;
}

Nie wolno niczego nie robić tylko
dlatego, że nie można zrobić
wszystkiego.

  1. moze tak? , Grocal 21/05/09 12:48
    [ http://www.grocal.pl/temp/skully.png ]
    [ http://www.grocal.pl/temp/skully.zip ]

    Na pewno, na razie, w ogóle...
    Naprawdę, naprzeciwko, stąd...
    Ortografia nie gryzie!

    1. wow, nie sądziłem, że ktoś się odezwie , Marcus 21/05/09 12:57
      No pięknie, pięknie. Powiedzmy, że o to chodziło.
      A czy dało by się ustawić aby pierwszy wiersz był bez wcięcia ?

      Nie wolno niczego nie robić tylko
      dlatego, że nie można zrobić
      wszystkiego.

      1. a może spróbuj Antary, którego ja używam , Grocal 21/05/09 13:03
        [ http://addons.miranda-im.org/...ewfile&id=3696 ]

        Wydaje mi się, że dość czytelne. A modyfikując CSS możesz trochę pobawić się kolorami.

        Ale jakby co poprawiłem Tobie wersję na serwerze. Sciagnij zipa jeszcze raz...

        Na pewno, na razie, w ogóle...
        Naprawdę, naprzeciwko, stąd...
        Ortografia nie gryzie!

        1. dzięki... a jeszcze przy okazji , Marcus 21/05/09 14:37
          Poprawiony przez ciebie skin jest już wystarczająco dobry. Dziękuję ci bardzo. Widzę, że używasz mirandy. Powiedz mi czy działają u ciebie BBCode ? Jak ja wysyłam do kogoś tekst formatowany pogrubieniem czy innym, to gość w oknie GG dostaje informację w stylu "[B]Test[/B]". Jak do mnie ktoś wyśle formatowany tekst, to nie wyświetla się żadne formatowanie, jest tylko czysty tekst.

          Nie wolno niczego nie robić tylko
          dlatego, że nie można zrobić
          wszystkiego.

          1. nie używam GG :) , Grocal 21/05/09 15:07
            Więc nie wiem jak formatowane są teksty przesyłane tym protokołem. Może jako HTML i stąd nie widać ich poprawnie w mirandzie i vice versa.

            Na pewno, na razie, w ogóle...
            Naprawdę, naprzeciwko, stąd...
            Ortografia nie gryzie!

    2. a znasz może , Chrisu 21/05/09 15:08
      coś fajnego do CSSów?

      /// GG# 1 110 10 10 11 100 10 \\\

    
All rights reserved ® Copyright and Design 2001-2026, TwojePC.PL