Czy mamy kogoś na pokładzie...

[Rysiu]

Ostatnimi czasy pracuję nad kilkoma ciekawymi pomysłami i mam trochę problemów... Kiedyś pamiętam Simek mi pomógł ze stylami CSS ale już od dawna jest nieobecny na forum [znikł?]. Mam problemy z tym CSS, a przydałoby mi się trochę zmienić wygląd określonej strony.Ktoś jest w tych bajerach obeznany?

Nie wiem czy odpowiedni dział ale chyba lepszego niema :book:

Za pomoc postaram się jakoś odwdzięczyć  8)

[TJM]

Simek pojawia się i znika jak murzyn na pasach %) Ciężko go złapać. Ja trochę podstawy CSSa znam, ale bardziej pod kątem drobnych poprawek niż czegoś większego. Zawsze możesz jednak wbić np. na http://komputery.katalogi.pl i w dziale webmaster zarzucić kodem, ktoś ci na pewno poprawi.

[Niekumaty Burak]

Wrzuć kod do tego tematu i napisz co chcesz zmienić.
Przy okazji podaję link do bodajże najlepszego serwisu dla webmasterów. 

[Rysiu]

Defaultowo to:

a, a:link, a:visited, a:active {
   color: #0069A1;
}

body {
   background: #fff url("img/gray_gradient.png") repeat-x;
   color: black;
}

h1 {
   color: #203C66;
}

hr {
   border-top: 2px solid #e8e8e8;
}

table.bordered {
   border-color: #e8e8e8;
}

th {
   background-color: #c0c0c0;
}

td.bordered {
   border-color: gray;
}

td.indent {
   border-color: #fff;
}

td.heading {
   background-color: #d8d8d8;
}

td.fieldname {
   background-color: #eee;
}

td.fieldname_error,
td.fieldvalue_error  {
   background-color: #f88;
}

td.friend {
   background-color: #e8e8e8;
}

.row0 {
   background-color: #d9d9d9;
}

.row1 {
   background-color: #eee;
}

.highlighted_row0 {
   background-color: #b9d9f9;
}

.highlighted_row1 {
   background-color: #ceeefe;
}

.row_hd0 {
   background-color: #cffacf;
}

.row_hd1 {
   background-color: #defade;
}

tr.message {
   background-color: #e0e0e0;
}

input[type="button"],
input[type="submit"],
.btn,
a.button {
   background: #f2f2f2 url(img/white_grad.png) repeat-x scroll left top;
   color: black;
   border-color: #ccc;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input.btn:hover,
.button:hover ,
.forum_toplinks a:hover {
   border: 1px solid #555;
   color: #0069A1;
}

input[type="text"], select, textarea {
   border-color: #d8d8d8;
}

#news {
   background-color: #dff0ff;
   border-color: #add8e6;
}

#news h3 {
   color: #666;
}

#uotd {
   background-color: #d3d3d3;
   border-color: #eee;
}

td.category , tr.subtitle{
   background-color: #ddd;
}

td.postheader {
   background-color: #eee;
}

td.postbody {
   background: transparent url('img/75pct_white.png');
}

td.postfooter {
   background-color: #eee;
}

tr.postseperator {
   background-color: #c8c8c8;
   border-color: #aaa;
}

div.authorcol {
   background-color: white;
   border-color: #c8c8c8;
}

.authorinfo img {
   border-color: #a8a8a8;
}

blockquote.postbody {
   border-left-color: #0089e1;
   background-color: #f5fffa;
}

span.news_date {
   color: #646464;
}

span.highlight {
   background-color: #ffc;
}

.code {
   border-left-color: #caa;
}

.error {
   color: #f00;
}

.notice {
   color: #090;
}

#preview {
   border-color: #ccc;
   background-color: #eee;
}

#preview .header {
   border-bottom-color:  #ccc;
}

/*   Server Status Page   */

td.running { background-color: #9aff4f; }

td.notrunning { background-color: #feff6f; }

td.disabled { background-color: #ff4f4f; }

We wczesnej wersji Simek coś rozpisał tego CSS'a i było to:

a:link, a:visited, a:active {
   color: #FF5C00;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
   color: #00A0E3;   
}

body {
   background-color: #F0F8FF;
   font-family: Verdana;
   font-size: 11px;
   margin: 5px 40px;
   color: black;
   background-image: url(http://img64.imageshack.us/img64/8050/tlopx4.png);
   background-repeat: repeat-x;
}

input, select {
   border: 1px solid grey;
   background-color: #eeeeee;
   padding: 3px;
}

input:hover, input:active, select:hover {
   border: 1px solid #FF5C00;
}

input.btn {
   margin: 3px 0px;
   padding: 2px 4px;
}

h1 {
   font-size: x-large;
   font-weight: bold;
   margin: 0px;
   color: white;
}

h2 {
   font-size: large;
   font-weight: bold;
   margin: 0px;
}

h3, h4 {
   font-size: small;
   font-weight: bold;
}

img {
   border: 0px;
}

table {
   border: 1px solid black;
   background-color: white;
   font-family: Verdana;
   font-size: 11px;
   margin: 6px 0px;
   padding: 2px;
}

th {
   border: 1px solid darkgrey;
   background-color: #c8c8c8;
   font-weight: bold;
}

td {
   padding: 4px;
   border: 0px;
   margin-bottom: 0px;   
}

td.bordered {
   border: 1px solid gray;
}

td.indent {
   border-left: 4px solid white;
}

td.heading {
   background-color: #D8D8D8;
   font-weight: bold;
}

td.heading2 {
   font-weight: bold;
   background-color: #eeeeee;
   border: 1px solid grey;
}

td.fieldname {
   background-color: #eeeeee;
   text-align: right;
   vertical-align: top;
}

td.fieldvalue {
   vertical-align: top;
   font-weight: bold;
}

td.fieldname_error {
   background-color: #ff8888;
   text-align: right;
   vertical-align: top;
}

td.fieldvalue_error {
   background-color: #ff8888;
   vertical-align: top;
   font-weight: bold;
}

td.category {
   background-color: #dddddd;
}

td.navbar {
   border: 0px;
   text-align: center;
}

a.navbar:link, a.navbar:visited {
   color: #ff9711;
   text-decoration: none;
}

a.navbar:hover {
   color: #ffc060;
   text-decoration: underline;
}

tr.row1 {
   text-align: left;
}

tr.row0 td {
   background-color: #eeeeee;
   text-align: left;
}

tr.row0 td.postheader {
   background-color: #F0F8FF;
}

tr.row0 td.postbody {
   background-color: white;
}

tr.row0 .authorcol input {
   background-color: white;
}

tr.row_hd0 {
   background-color: #CFFACF;
}

tr.row_hd1 {
   background-color: #DEFADE;
}

tr.subtitle {
   background-color: #eeeeee;
   font-weight: bold;
}

tr.message {
   background-color:#E0E0EF;
}

.title {
   font-size: 12px;
   font-weight: bold;
}

.description {
   font-size: 80%;
   font-weight: normal;
}

.authorcol {
   width: 125px;
   overflow: hidden;
   padding: 2px;
}

.authorcol img {
   margin: 3px 0px;
}

.cellwrap {
   width: 100%;
   overflow: auto;
}

blockquote {
   border-left: 2px solid #00A0E3;
   background: #d6eef8;
   padding: 3px;
   margin-bottom: 0px;
   margin-left: 20px;
   font-style: italic;
}

#blockquote.postbody {
   border-style: inset;
   border-color: blue;
   background-color: rgb(240,240,255);
   padding-left: 5px;
   padding-bottom: 0px;
   margin-bottom: 0px;
   margin-left: 15px;
   margin-right: 140px;
   font-style: oblique
}

#thread {
   width: 100%;
   table-layout: fixed;
   overflow: overflow;
}

.sigdelim {
   width: 60%;
   height: 1px;
   background-color: black;
   color: black;
   border: 0;
   margin-right: 100%;
}

td.postheader {
   background-color: #F0F8FF;
   border-bottom: 1px solid #00A0E3;
   border-left: 1px solid #00A0E3;
   border-right: none;
   padding-left: 6px;
}

td.postbody {
   font-size: 9pt;
   border-left: 1px solid #00A0E3;
   padding-left: 8px;
   padding-bottom: 6px;
}

td.postfooter{
   background-color: #F0F8FF;
   border-top: 1px solid #00A0E3;
   border-left: 1px solid #00A0E3;
   border-right: none;
   border-bottom: none;
   padding-left: 6px;
}

tr.helpdeskseperator{
   height: 10pt;
}

tr.postseperator td{
   border-top: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
   background-color: #D3D3D3;
}

td.threadline {
   text-align: left;
   color: #0074A4;   
}

td.threadline a, tr.row1 em a {
   color: #005477;
   font-weight: bold;
}

td.threadline a:hover, tr.row1 em a:hover {
   text-decoration: underline;
   color: #00A0E3;   
}

td.running {
   background-color: #00ff00;
}

td.notrunning {
   background-color: #ff0000;
}

td.disabled {
   background-color: #ff8800;
}

span.note{
   font-weight: normal;
   font-size: 0.9em;
   font-family: padding
}

span.news_date {
   color: #191970;
   font-size: 0.9em;
}

span.news_title {
   font-size: 0.9em;
   font-weight: bold;
}

.code {
   font-family: "Consolas", "Courier New", courier, monospaace;
   display: block;
   margin-top: 3px;
   margin-left: 5em;
   border-left: 3px solid #00A0E3;
   padding-left: 1em;
   padding-top: 4px;
   white-space: nowrap;
   overflow: auto;
   background-color: #F0F8FF;
}

* html body .code {
   /* IE hack */
   white-space: normal;
}

#news {
   background-color: #E8F8FF;
   vertical-align: top;
   text-align: justify;
   padding: 10px;
   border: 1px solid grey;
}

#news h2, #uotd h2, #mainnav h2 {
   font-size: 1.2em;
   font-weight: bold;
}

#news h3 {
   font-size: 1em;
   margin: 2px 0px;
}

#news p {
   margin-top: 0px;
}

#uotd {
   background-color: #FAF0E6;
   vertical-align: top;
   padding: 10px;
   border: 1px solid grey;
}

.smalltext {
   font-size: 0.8em;
}

.error {
   color: #ff0000;
   font-weight: bold;
   font-size: 1.1em;
}

.notice {
   color: #009900;
   font-weight: bold;
   font-size: 1.1em;
}

#preview {
   border: 2px solid #cccccc;
   background-color: #eeeeee;
   margin: 1em;
   padding: 0.2em;
}

#preview .header {
   font-weight: bold;
   font-size: 1.3em;
   border-bottom: 1px solid #cccccc;
}

#mainnav {
   text-align: justfy;
   padding: 6px;
}

hr {
   size: 0px;
   border-top: 1px dashed black;
}

Ta druga wersja jednak w takiej formie mniej mi się podoba od defaultowej - za dużo mocno wyróżniających się ramek itp.

Chciałbym aby jakoś to ciekawie zmodyfikować... Tło: Przechodzące z bieli [dół strony] do lekkiej czerwieni [góra]. Sporo w lekkich odcieniach red. Mile widziana własna inwencja twórcza  :)

[Rysiu]

Z konieczności, że zbytnio nikt nie chce mi pomóc, a sam nie chcę w czystych plikach tekstowych się babrać postanowiłem poszukać jakiegoś edytora.

Okazało się, że programiki takie istnieją  :)

Zobaczymy czy bardzo to ułatwi sprawę.

http://www.instalki.pl/programy/download/tworzenie_stron_www/TopStyle_Lite.php

[Rysiu]

Programik sprawdził się.

Kolejne pytanie. Teraz chyba już łatwiejsze. Mamy na pokładzie kogoś w miarę ogarniającego angielski? Trzeba mi kilka zdań przetłumaczyć, a jednak na translator nie chciałbym się powoływać ;) [Może i nie ten dział ale nie chcę nowego tematu zakładać]

[Troll81]

wrzucaj na PW

[Rysiu]

To w sumie sprawę angielskiego mamy załatwioną [Troll pomoże  ;)]. Gdzieś na forum widziałem jak ktoś tłumaczył coś z niemieckiego... Teraz już jednak nie mogę sobie przypomnieć kto to był.

Halo? Rysiu do bazy... Jest ktoś znający niemiecki?  :-\

[[PNT] Obix007]

W sumie trochę znam niemiecki, ale w kontaktach z Niemcami z którymi robię interesy używamy angielskiego. Napisz na PW czego potrzebujesz może coś wymyślimy.

[Rysiu]

Ok  ;) Nie powinna to być bardzo trudna sprawa. Jutro napiszę, bo dzisiaj skonany jestem i idę już spać  %)

[Rysiu]

Ponawiam prośbę odnośnie języka niemieckiego - okazało się, że tłumaczenie wcale takie proste nie jest  :wth: