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
 
 » Sherif 20:22
 » mravel 20:15
 » dugi 20:14
 » rurecznik 20:06
 » esteban 20:05
 » zibi13 20:04
 » adolphik 20:03
 » siwydym 20:02
 » elliot_pl 19:49
 » DJopek 19:42
 » Curro 19:31
 » wrrr 19:28
 » waski 19:21
 » Draghmar 19:20
 » Wedelek 19:14
 » Kraszan 19:11
 » Katoda Lt 19:10
 » past 19:06
 » bajbusek 19:04
 » ripek 19:03

 Dzisiaj przeczytano
 36870 postów,
 wczoraj 25433

 Szybkie ładowanie
 jest:
włączone.

 
ccc
TwojePC.pl © 2001 - 2025
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-2025, TwojePC.PL