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)
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.
Wrzuć kod do tego tematu i napisz co chcesz zmienić.
Przy okazji podaję link (http://www.kurshtml.boo.pl/) do bodajże najlepszego serwisu dla webmasterów.
Defaultowo to:
Cytata, 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:
Cytata: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 :)
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
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ć]
wrzucaj na PW
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? :-\
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.
Ok ;) Nie powinna to być bardzo trudna sprawa. Jutro napiszę, bo dzisiaj skonany jestem i idę już spać %)
Ponawiam prośbę odnośnie języka niemieckiego - okazało się, że tłumaczenie wcale takie proste nie jest :wth: