529 Benutzer online
25. April 2024, 07:42:21

Windows Community

Bitte loggen sie sich ein oder registrieren sie sich.



Zum Thema Design - Halli Hallo...Ich würde mir gerne ein anderes Design wünschen...!  ;DNur ein scherz... wei wäre es denn.. dass es fast wie Vista Oberfläche ähnelt...?!?!... im Bereich Ankündigungen und interne News
Autor Thema:

Design

 (Antworten: 8, Gelesen 15259 mal)

  • Windows 1.0
  • Beiträge: 8
Design
« am: 20. Februar 2007, 15:24:26 »
Halli Hallo...

Ich würde mir gerne ein anderes Design wünschen...!  ;D
Nur ein scherz... wei wäre es denn.. dass es fast wie Vista Oberfläche ähnelt...?!?!

(auto)bot

(auto)admin

  • Windows Me
  • Beiträge: 1061
  • never give up
« Antwort #1 am: 20. Februar 2007, 16:58:32 »
dann schreib doch ne css datei. vista aussehen kann man aus dem skin des vista customization packs für xp beziehen.

ich lass mich dann mal überraschen  ;D ;D

  • Windows 98
  • Beiträge: 509
« Antwort #2 am: 20. Februar 2007, 16:59:55 »
Lol. Wenn er davon ahnung hat lass ich mich auch gerne überraschen.  :D

verx1234

  • Gast
« Antwort #3 am: 20. Februar 2007, 17:02:19 »
Hmm.. absolut scheiße. :)
Dann ist ja alles 3D und so...
so iein schlichtes Forum würde ich gerne beibehalten. ;)

  • Windows 3.11
  • Beiträge: 231
« Antwort #4 am: 20. Februar 2007, 17:52:35 »
bitte sehr  :D

Code: [Auswählen]
/* admin styles */

/* messages */
.message {
  background-color: #FFEC03;
  border: 1px solid #FF7006;
  color: #A21A1A;
  padding: 0.2em 0.8em 0.15em 34px;
  background: url(icon_message_24.gif) 2px -1px no-repeat #FFEC03;
  margin: 1em 0;
}

div.admin ul li {
  list-style: none;
  background: url(bg_listicon16.gif) 0 0px no-repeat;
  padding: 0 0 5px 22px;
}

div.admin ul {
  margin: 0 0 1em 0;
  padding: 0;
}

.listItem ul.taskList li {
  background: url(bg_listicon16_simple.gif) 0 2px no-repeat;
}

.listNavigation {
  margin-top: 1.5em;
  border-bottom: 1px solid #999999;
  padding-bottom: 2px;
  padding-left: 7px;
}

.listNavigation span {
  color: #999999;
}

.listNavigation a.active {
  font-weight: bold;
}

div.admin small,
div.admin .small {
  font-size: 10px;
  color: #999999;
}

/* lists */

div.pageNav {
  margin: 5px 0 13px 0;
}

div.pageNavSummary {
  /* float: left; */
}

div.pageNavBar {
  /* float: right; */
  text-align: right;
}

span.pageNavItem,
span.pageNavSelItem  {
  margin-left: 3px;
  margin-right: 3px;
}

table.listItem td.leftCol {
  width: 70%;
  vertical-align: top;
}

table.listItem td.rightCol {
  width: 30%;
  vertical-align: top;
}


/* forms */

div.admin fieldset {
  -moz-border-radius: .8em;
  border: 1px solid #999999;
}

div.admin fieldset legend {
  font-weight: bold;
  font-size: 1em;
  left: 1em;
  padding: 0 0.6em;
  color: #9dbc4a;
}

div.admin fieldset.formList {
  padding: 0 1em 0 1.5em;
}

div.admin .formList p {
  border-bottom: 1px solid #000000;
  margin-top: 0.5em;
  padding-bottom: 0.8em;
}

div.admin label {
  font-size: 1em;
  font-weight: bold;
  color: #999999;
}

.formText {
  width: 95%;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;;
  font-size: 12px;
  font-weight: normal;
}

.formWide {
  width: 90%;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;;
  font-size: 12px;
  font-weight: normal;
}

div.admin .intend {
  display: block;
  margin-left: 1.8em;
}

p.buttons {
  margin-top:3em;
  text-align: right;
  clear: both;
}

p.buttons input {
  padding: 0 1em;
  text-align: center;
}


body {
  background: #51290a url(header2.jpg) 0 0  no-repeat;
  padding: 40px;
  margin: 0;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;;
  color: #000000;
  font-size: 12px;
  line-height: 160%;
}

/* general html definitions */

img { margin: 0;
      padding: 0;
      border: 0;
}

hr {margin: 10px 0 10px 0;
    padding: 0;
    color: #333;
}

td {
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;;
  color: #000000;
  font-size: 12px;
  vertical-align: top;
}

a {
  text-decoration: none;
  color: #af641e;
}

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

h1 {
  margin: 0px;
  padding: 10px 0px 0px 42px;
  font-size: 25px;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
  font-weight: normal;
}

h1 a, h1 a:hover, h1 a:active, h1 a:visited {
  color: #9dbc4a;
}

/* site structure */
       
#wrapper {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 805px;
  background: #5c554f url(.jpg") 0 0  no-repeat;
}


#header { width: 705px;
          height: 102px;
          padding: 0 0 0 100px;
}

.counter {
  width: 173px;
  height: 51px;
  float: right;
  margin: 20px 15px 0 0;
}

.counter p {padding: 6px 8px 6px 10px;
            margin: 0;
}

.counter .big { font-size: 20px; }

#container { padding: 0;
             margin: 0;
             width: 805px;
             background: transparent url("content_all2.gif) 0 0 repeat;
}

#content { float: left;
           margin: 0;
           padding: 0;
           width: 604px;
}

#padded { padding: 0 30px 0 30px;
          margin: 0;
          vertical-align: top;
}

#sidebar01 {
  float: right;
  width: 200px;
  padding: 0;
  margin: 0;
  font-size: 10px;
  color: #fff;
  line-height: 130%;
}

#footer { background: #51290a url(_bg.gif) 0 0 no-repeat;
          clear: both;
          margin: 0;
          padding: 24px 0 0 0;
          width: 805px;
          height: 50px;
          color: #a8a8a8;
          font-size: 10px;
         }

/* elements */

#headerimg {
    position: absolute;
    left: 21px;
    top: 18px;
    width: 524px;
    height: 113px;
}

.layoutimg { padding: 0;
             margin: 0;
             vertical-align: top;
 }


#sidebar01 a { color: #fff;
               text-decoration: underline;
}

#sidebar01 a:hover {text-decoration: none; }

.sidebarItem {
  padding: 0 15px 0 15px;
}

.sidebarPodcast { margin: 0 -1px 0 -1px; }

#footer a { color: #a8a8a8;
            text-decoration: none;
            font-weight: bold;
          }

#footer a:hover {text-decoration: underline; }

.footerlinks {padding: 0 20px; 0 20px; }

.pagelinkTop, .pagelinkBottom {
  padding: 0px 0px 14px 0px;
}

small, .small {
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;;
  font-size: 10px;
  color: #999999;
}

#content small, #content .small { color: #000000;
  margin: 0 0 0 30px;
}

#content h1, #content h2 {
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
  color: #9dbc4a;
  font-size: 17px;
  margin: 15px 0px 15px 0;
  padding: 0px;
  font-weight: normal;
}

#content h2 a {
  color: #9dbc4a
  margin-left: 30px;
}

.divider { height: 1px;
           overflow: hidden;
           background: #393939;
           border-bottom: 1px solid #726e6a;
           margin: 10px 0 10px 0;
           padding: 0;
}

/* forms */

form {
  padding: 0px;
  margin: 0px;
}

input, textarea, select {
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;;
  color: #000000;
  font-size: 12px;
  vertical-align: middle;
}

.formTitle, .formText {
  width: 400px;
  max-width: 400px;
  border: 1px solid #000000;
}

.formTitle {
  width: 98%;
  max-width: 98%;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
  color: #9dbc4a;
  font-size: 20px;
}

.formTextEditor {
  height: 400px;
  width: 98%;
  max-width: 98%;
}

fieldset {
  margin: 0;
  padding: 8px;
  color: #000000;
}

.searchbox {
  color: #bbb;
  background: black;
  border: 1px solid #bbb;
  height: 20px;
  width: 100px;
  margin-right: 5px;
  font-size: 12px;
}

/* story */

div.story {
  margin: 0;
  padding: 15px 0 15px 0;
}

h3 {
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
  color: #9dbc4a;
  font-size: 20px;
  margin: 0;
  padding: 0px;
  font-weight: normal;
}

h3 a {
  color: #9dbc4a;
}

.storyContent {
  margin: 0px 0px 0px 0px;
}

.storyDate  {
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;;
  font-size: 12px;
  color: #999;
  padding: 0 0 0 2px;
  margin: 0 0 6px 0;
  font-weight: normal;
}

.storyLinks {
 margin: 15px 0 15px 0;
}

.storyLinksRight { float: right;
                   width: 50%;
                   text-align: right;
}


/* story images */

.storyContent .left {
  float: left;
  margin: 7px 10px 7px 0px;
}

.storyContent .center {
  display: block;
  text-align: center;
  margin: 7px auto 7px auto;
}

.storyContent .right {
  float: right;
  margin: 7px 0px 7px 10px;
}


/* comments */

.commentheader { font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
                 font-size: 20px;
                 color: #c0c0c0;
                 margin: 0 0 30px 0;
}

.comments {
  margin: 30px 0 0 0;
}

.comments h4 {
  font-size: 12px;
  color: #9dbc4a;
  padding: 0px 0px 2px 0px;
  margin: 0px;
}

.commentLinks {
  padding: 0;
  margin: 3px 0 0 0;
}

.reply {
  margin: 24px 0px 0px 60px;
}


/* sidebar */

.sidebarItem {
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;;
  font-size: 10px;
  margin: 0;
}

.sidebarItemBody {
  padding: 0;
}

.sidebarItem h4 {
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;;
  font-size: 12px;
  color: #9dbc4a;
  padding: 0;
  margin: 0 0 10px 0;
}

.sidebarItem td {
  font-size: 10px;
}

.sidebarItem ul {
  margin: 0 0 0 15px;
  padding: 0px;
  font-size: 12px;
}

.sidebarItem ul li {
  list-style-type: none;
  list-style-image: url(arrow.gif);
  color: #9dbc4a;
  margin-bottom: 3px;
}

.historyItem {
  margin: 0 0 15px 0;
}

#podcastplayer { margin: -40px 0 0 -40px; }

.feedIcon {
  vertical-align: middle;
}

div.feedIconDiv {
  padding: 0 0 4px 0;
}
nicht ganz wie vista, aber für ne vista -page reichts....

mehr konnt ich in der kurzen zeit net schaffe  ;)

  • Go Windows Vista
  • Administrator
  • Windows Me
  • Beiträge: 1245
  • Windows Vista
Re: Design
« Antwort #5 am: 20. Februar 2007, 17:55:19 »
so ein schlichtes Forum würde ich gerne beibehalten. ;)
ich auch...
meinpc - go-windows.de

  • Windows Me
  • Beiträge: 1061
  • never give up
« Antwort #6 am: 20. Februar 2007, 18:04:06 »
ich auch, denn einfacher und schneller kann man infos kaum finden. und nicht jeder hat dsl.

also bidde so lassen  :) :)

  • Windows 1.0
  • Beiträge: 8
« Antwort #7 am: 20. Februar 2007, 18:07:06 »
Mensch leute... das war ja nur eine anregung... es muss ja nicht sofort und jetzt sein... aber .... so ein bisschen danach aussehen sollte es schon... finde ich!

  • Windows 3.11
  • Beiträge: 231
« Antwort #8 am: 23. Februar 2007, 15:30:12 »
ich sag ja net, daß das forum "hässlich" is....

aber meiner meinung nach, wirds jetz mit der übersichtlichkeit der beiträge etwas "eng" ..

grad weil soviele beiträge geschrieben werden und nur sehr wenige threads "auf einer seite" zu sehen sind .....
man muß ganz schön viel rumblättern ...... :-\

aber ich lass das jetz mit den "vorschlägen".....
Seiten: [1]   Nach oben
vista windows for www firefox win98 family window admin designs
design fuer transparenz div gif aussehen interne black font mss
 

Sitemap