Nasza społeczność: Zarabianie24.net | Bux.Zarabianie24.net | Zadania-Internetowe.info



Odpowiedz 
 
Ocena wątku:
  • 35 głosów - 2.14 średnio
  • 1
  • 2
  • 3
  • 4
  • 5

Automatycznie tworzące się ramki

Offline
Peczu
Dłużnik
*

Amateur User
Liczba postów: 36
Dołączył: 07.11.2010
Reputacja: 1 +
Poleconych: 0

Goldsy: 0.00
Post: #1
Automatycznie tworzące się ramki
Siemano. Wiecie jak usunąć automatycznie tworzące się ramki? Gdy wrzucam na swoją stronkę obrazki, to dookoła obrazka tworzy mi się biała ramka wielkości 3px. Jest to związane z css'em(tak mi się wydaje), ale jaka dokładnie linijka i tak dalej - nie mam pojęcia. Wie ktoś, jak to zniwelować?
29-11-2010 12:04
Offline
Viton007
Przedsiębiorca
*

Investor User
Liczba postów: 720
Dołączył: 07.11.2010
Reputacja: 8 +
Poleconych: 46

Goldsy: 0.00
Post: #2
RE: Automatycznie tworzące się ramki
Wklej css ;>

Dead Zone - Martwa Strefa Gier Cool
29-11-2010 14:42
Offline
Peczu
Dłużnik
*

Amateur User
Liczba postów: 36
Dołączył: 07.11.2010
Reputacja: 1 +
Poleconych: 0

Goldsy: 0.00
Post: #3
RE: Automatycznie tworzące się ramki
css napisał(a):#mygallery2 {
clear: both;
margin: 0px auto 20px auto;
padding-bottom: 15px;
border-bottom: 1px solid #1070a4;
}

.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:920px; /*Width of Carousel Viewer itself*/
height:174px; /*Height should enough to fit largest content's height*/
margin:0 auto;
background: transparent;
}

.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
}

.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:30px ; /*margin around each panel*/
width:208px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:174px;
padding:0px;
background-color: transparent;
margin-top: 12px;
margin-left: 0px;
}

.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
background: #17181a;
padding: 6px;
border: 1px solid #232427;
}
a.prev {
background: #020000 url(../images/left.png) no-repeat scroll center;
height: 174px;
width: 42px;
display:block;
position:absolute;
top: 0px;
left: 0px;
text-indent:-9999px;
}
a.next {
position: absolute;
top: 0px;
right: 0px;
background: #020000 url(../images/right.png) no-repeat scroll center;
height: 174px;
width: 42px;
display: block;
}
29-11-2010 17:16
Offline
Viton007
Przedsiębiorca
*

Investor User
Liczba postów: 720
Dołączył: 07.11.2010
Reputacja: 8 +
Poleconych: 46

Goldsy: 0.00
Post: #4
RE: Automatycznie tworzące się ramki
Kod:
#mygallery2 {
clear: both;
margin: 0px auto 20px auto;
padding-bottom: 15px;
border-bottom: 1px solid #1070a4;
}

.stepcarousel{
position:relative; /*leave this value alone*/
overflow:visible; /*leave this value alone*/
width:920px; /*Width of Carousel Viewer itself*/
height:174px; /*Height should enough to fit largest content's height*/
margin:0 auto;
background: transparent;
}

.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
}

.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:30px ; /*margin around each panel*/
width:208px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:174px;
padding:0px;
background-color: transparent;
margin-top: 12px;
margin-left: 0px;
}

.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
background: #17181a;
padding: 6px;
border: 1px solid #232427;
}
a.prev {
background: #020000 url(../images/left.png) no-repeat scroll center;
height: 174px;
width: 42px;
display:block;
position:absolute;
top: 0px;
left: 0px;
text-indent:-9999px;
}
a.next {
position: absolute;
top: 0px;
right: 0px;
background: #020000 url(../images/right.png) no-repeat scroll center;
height: 174px;
width: 42px;
display: block;
}

Jak nie zadziała pokaż strone ;p

Dead Zone - Martwa Strefa Gier Cool
(Ten post był ostatnio modyfikowany: 29-11-2010 17:33 przez Viton007. Edit Reason: None Powód edycji: None)
29-11-2010 17:32
Offline
Peczu
Dłużnik
*

Amateur User
Liczba postów: 36
Dołączył: 07.11.2010
Reputacja: 1 +
Poleconych: 0

Goldsy: 0.00
Post: #5
RE: Automatycznie tworzące się ramki
Coś w ogóle zmieniłeś? Wszystko tak samo.
http://www.e-zarobmy.pl/?p=118 - widzisz jak brzydko te napisy wyglądają z tymi automatycznymi ramkami?
29-11-2010 18:35
Offline
Viton007
Przedsiębiorca
*

Investor User
Liczba postów: 720
Dołączył: 07.11.2010
Reputacja: 8 +
Poleconych: 46

Goldsy: 0.00
Post: #6
RE: Automatycznie tworzące się ramki
Zmieniłem, ale z tego co widzę źle zrozumiałem problem. Przejrzę wszystko może jeszcze nawet dziś wieczorem.
Głowny styl css. Tylko najpierw zrób kopie zapasową.
Kod:
/*
Theme Name: MakolinisTribune
Theme URI: http://www.simplewpthemes.com
Version: 1.0
Author: sin2384
Author URI: http://www.simplewpthemes.com
Description: Free Wordpress theme by <a href="http://www.simplewpthemes.com/">SimpleWPThemes.com</a>. Please read READ ME.TXT file to find out how to insert pictures in the slider and gallery!
*/
@import url("css/comments.css");
@import url("css/reset.css");
@import url("css/slide.css");
@import url("css/gallery.css");
@import url("css/superfish.css");
* {
  margin: 0;
  padding: 0;
}
/***************LINKS*************************/

a:link, a:visited {
  color: #05a4ea;
  text-decoration: none;
}
a:hover {
  color: #606267;
  text-decoration: underline;
}
/***************END LINKS*************************/

html body {
  background: #17181a url(images/header.png) repeat-x;
  font-size: 12px;
  font-family: Arial, Verdana, Tahoma, Times New Roman;
  line-height: 1.5em;
  color: #606267;
}

/***************LAYOUT*************************/
#shadow {
  background: url(images/shadow.png) repeat-y;
  margin: 0 auto;
  width: 1016px;
}
#mainwrap {
  margin: 0 auto;
  width: 960px;
  padding-top: 16px;
}
#header {
  margin: 0 auto;
  width: 960px;
  height: 186px;
}
#blogtitle {
  color: #fff;
  float: left;
  height: 91px;
  padding-top: 40px;
}
#heading {
  color: #f6d275;
}
.description {
  text-transform: lowercase;
  color: #4d4d4e;
  font-size: 16px;
  margin-top: -5px;
}
.adv {
  float: right;
  margin: 30px 5px 0 0;
  border: 1px solid #0d90d0;
  background: #212224;
  padding: 4px;
}

/* -------- START PAGE MENU -------- */

#top {
  clear: both;
  width: 960px;
  height: 50px;
  position: relative;
  z-index: 1000000000000;
}
#top li {
  float: left;
  background: url(images/navleft.png) no-repeat scroll center left;
  margin: 2px 8px 2px 2px;
  display: inline;
  line-height: 22px;
}
#top li a {
  float: left;
  display: block;
  padding: 14px;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  background: url(images/navright.png) no-repeat scroll center right;
}
#top li a:hover, #top li.current_page_item a {
  color: #14a5e5;
  text-decoration: none;
}
#top li ul {
  background: #292929;
  border: 1px solid #0a97d9;
  margin-top: 22px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  min-width: 140px;
  text-transform: none;
}
#top li li {
  background: none !important;
  width: 136px;
}
#top li li:hover, #top li li:hover a {
  background: #0d90d0 !important;
  color: #1b1b1b;
}
#top li li:hover {
  border-top: 1px solid #8ddbfe;
  border-bottom: 1px solid #8ddbfe;
}
#top li li a {
  background: none !important;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 35px;
}
#top ul ul ul {
  margin-top: -2px;
  margin-left: 18px;
}
#top li li:hover li a{
  background: none !important;
  color: #fff;
}


/* -------- END PAGE MENU -------- */


/* -------- SUBSCRIPTION -------- */

a#email {
  background: url(images/email.png) no-repeat scroll 0 3px;
  padding: 10px 40px;
  float: left;
  color: #000;
}
a#rss {
  background: url(images/rss.png) no-repeat scroll 0 3px;
  padding: 10px 40px;
  float: left;
  color: #000;
}
*+html a#rss {
  float: none;
  position: relative;
  top: -9px;
}


/* -------- END SUBSCRIPTION -------- */

.aboutimage {
  float: left;
  background: #020000;
  padding: 3px;
  margin: 3px 5px 0px 0px;
}
#s {
  width: 293px;
  padding-left: 10px;
  height: 34px;
  height: 22px\0/;
  padding-top: 12px\0/;
  background: url(images/input.png) no-repeat;
  border: 0;
  text-transform: uppercase;
  color: #2b2b2d;
  font-style: italic;
  font-size: 10px;
}
*+html #s {
  height: 22px;
  padding-top: 12px;
}
#contentwrap {
  float: right;
  width: 497px;
  margin-right: 15px;
  display: inline;
}
#left-column {
  float: left;
  width: 430px;
  margin-left: 10px;
  display: inline;
}
#sidebar, #sidebar2 {
  float: left;
  width: 204px;
  margin-left: 1px;
  display: inline;
}
#sidebar2 {
  margin: 0 0 0 10px;
}


/* -------- ADVERT -------- */
img.add{
  border:none;
  margin:0 1px 0 0;
  float: left;
}

/* -------- END ADVERT -------- */

.addthis_toolbox img {
  margin: 12px 15px 2px 4px;
  padding: 0;
  position: relative;
  left: 2px;
}
#footer {
  width: 940px;
  margin: 0 auto;
  clear: both;
  padding: 15px 0 20px;
  overflow: hidden;
  color: #232427;
  border-top: 1px solid #1183be;
}
#footer a, #footer a:visited {
  color: #4d4d4e;
}
#footer a:hover {
  color: #089bdf;
  text-decoration: underline;
}
/* -------- END WP LAYOUT -------- */

/* -------- START WP STYLES -------- */

#sidebar h3, #sidebar2 h3 {
  padding: 0 0 5px 15px;
  width: 189px;
  margin-left: 2px;
  line-height: 52px;
  font-size: 19px;
  background: url(images/h3.png) no-repeat;
  color: #fff;
  text-transform: uppercase;
}
.side-widget, .widget {
  clear: both;
  width: 184px;
  padding: 0 10px;
  background: url(images/widget-bg.jpg) repeat-y;
  margin-bottom:18px;
}
.widget-bot {
  width: 152px;
  background: url(images/widget-bot.jpg) no-repeat scroll bottom left;
  margin-left: -10px;
  padding-bottom: 10px;
}
#sidebar ul, #sidebar2 ul {
  margin-top: -5px;
  width: 199px;
  margin-left: 2px;
}
#sidebar ul li, #sidebar2 ul li {
  padding: 9px 5px 9px 15px;
  background: url(images/sep.gif) repeat-x scroll bottom;
}
#sidebar li li, #sidebar2 li li {
  background: url(images/sep.gif) repeat-x scroll top;
}
#sidebar ul.children, #sidebar2 ul.children {
  margin: 9px 0 -9px -15px;
}
.side-widget ul li a, .side-widget ul li a:visited, .widget ul li a, .widget ul li a:visited {
  background: url(images/arrow.png) no-repeat scroll 5px 5px;
  padding-left: 15px;
}
#sidebar a, #sidebar a:visited, #sidebar2 a, #sidebar a:visited {
  color: #020000;
}
#sidebar a:hover, #sidebar2 a:hover {
  color: #1086c1;
  text-decoration: underline;
}
.textwidget {
  padding: 5px;
}
.widget-bot div {
  padding: 5px 15px 5px 15px;
}
li.last {
  background: none !important;
  margin-bottom: -3px;
}
.bwidget h3 {
  background: url(images/bh3.png) no-repeat;
  width: 398px;
  padding-left: 20px;
  line-height: 55px;
  margin-left: -20px;
  margin-bottom: 10px;
  font-size: 19px;
  color: #fff;
  text-transform: uppercase;
}
.bwidget {
  clear: both;
  width:418px;
  background: url(images/bwidgetbg.jpg) repeat-y;
}
*+html .bwidget {
  margin-bottom: 20px;
}
.bwidget-bot {
  width: 378px;
  padding: 0 20px 15px;
  background: url(images/bwidgetbot.jpg) no-repeat scroll bottom left;
  overflow:hidden;
  margin-bottom: 20px;
}
*+html .bwidget-bot {
  margin-bottom: 0;
}


/***************POST STYLES*************************/
h2.title {
  margin-bottom: 10px;
  line-height: 32px;
  font-size: 32px;
}
h2.title a, h2.title a:visited {
  color: #05a4ea;
}
h2.title a:hover {
  text-decoration: none;
}
.meta {
  padding: 0 5px;
  margin-bottom: 15px;
  color: #060300;
}
.meta a, .meta a:visited, .author {
  color: #606267;
}
.comm {
  position: absolute;
  right: -21px;
  background: url(images/date.png) no-repeat;
  width: 63px;
  height: 56px;
  text-align: center;
  padding-top: 10px;
  font-size: 30px;
}
a.comm, a.comm:visited {
  color: #fff;
}
.postmetadata {
  margin-top: 15px;
  text-align: right;
}
.post-top {
  background: url(images/post-top.png) no-repeat;
  width: 497px;
  height: 6px;
}
.post, .page {
  padding: 20px 20px 15px;
  width: 457px;
  background: url(images/post-bg.png) repeat-y;
  position: relative;
}
.post-bot {
  background: url(images/post-bot.png) no-repeat;
  width: 497px;
  height: 5px;
  margin-bottom: 15px;
}
.entry {
  margin-top: 10px;
  line-height: 20px;
  overflow: hidden;
}
.entry h2 {
  margin-bottom: 0.4em;
}
.entry p {
  margin-top: 10px;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
  margin-top: 15px;
}
.imgbg {
  background: url(images/imgbg.png) no-repeat !important;
  padding: 11px !important;
  border: 0 !important;
}
.entry img {
  padding: 0px;
  border: 0px solid #cdcccc;
  background: #fff;
}
.entry th {
  padding: 0;
  margin-right: 2px;
}
.entry li {
  margin-left: 20px;
  list-style: circle;
}
.entry ol li {
  list-style: decimal;
}
blockquote {
  border-left: 10px solid #666666;
  margin-left: 20px;
}
blockquote p {
  padding: 10px;
}
.alignleft {
  float: left;
  margin: 5px 5px 0px 0px;
}
.alignright {
  float: right;
  margin: 5px 0px 0px 5px;
}
img.aligncenter {
  display: block;
  margin: 0 auto 5px;
}
/***************END POST STYLES*************************/
#calendar_wrap {
  text-align: center;
}
caption {
  background: #1183be;
  color: #fff;
  width: 100%;
}
#wp-calendar th {
  padding: 8px;
}
#wp-calendar td a:link {
  background: #1183be;
  color: #fff;  padding: 1px 6px;
  line-height: 29px;
}
li.pagenav, li.categories, li.linkcat {
  list-style:none;
}
h2.pagetitle {
  margin: 0px 20px 20px 0;
}
p.center {
  margin: 10px 0;
}
/* -------- END WP STYLES -------- */



/* -------- TABLES -------- */
#contentwrap table{font-size:1.2em;margin:5px 0 25px 0;}
#contentwrap table td{padding:8px;border: 1px solid #ccc;}
/* -------- END TABLES -------- */


/* -------- PAGE NAVIGATION -------- */
.wp-pagenavi{
  clear:both;
  margin:20px 0 20px;
}
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited, .wp-pagenavi span.extend{
  background:#202123;
  border: 1px solid #3b3c3f;
  color:#3b3c3f;
  margin:2px;
  padding:3px 7px;
  text-decoration:none;}
.wp-pagenavi span.current,.wp-pagenavi a:hover{
  background:#202123;
  border: 1px solid #3b3c3f;
  color:#089bdf;
  margin:2px;
  padding:3px 7px;
}
.wp-pagenavi span.pages, .wp-pagenavi a.last {
  background:#202123;
  border: 1px solid #3b3c3f;
  margin:2px;
  padding:3px 7px;
  color: #3b3c3f;
}
/* -------- END PAGE NAVIGATION -------- */

Dead Zone - Martwa Strefa Gier Cool
(Ten post był ostatnio modyfikowany: 29-11-2010 19:02 przez Viton007. Edit Reason: None Powód edycji: None)
29-11-2010 18:50
Offline
Peczu
Dłużnik
*

Amateur User
Liczba postów: 36
Dołączył: 07.11.2010
Reputacja: 1 +
Poleconych: 0

Goldsy: 0.00
Post: #7
RE: Automatycznie tworzące się ramki
Działa, dzięki.
29-11-2010 19:22
Offline
Viton007
Przedsiębiorca
*

Investor User
Liczba postów: 720
Dołączył: 07.11.2010
Reputacja: 8 +
Poleconych: 46

Goldsy: 0.00
Post: #8
RE: Automatycznie tworzące się ramki
Ok, ciesze się Smile
Ogólnie strona wygląda ładnie Smile

Dead Zone - Martwa Strefa Gier Cool
29-11-2010 19:25
Offline
Peczu
Dłużnik
*

Amateur User
Liczba postów: 36
Dołączył: 07.11.2010
Reputacja: 1 +
Poleconych: 0

Goldsy: 0.00
Post: #9
RE: Automatycznie tworzące się ramki
Jako, że temat nie jest jeszcze zamknięty.. Wiesz jak w tym stylu dodać by pokazywało kiedy został napisany news? Bo w ustawieniach WordPressa mam wszystko powłączane, ale trzeba by było dodać to do kodu strony.
30-11-2010 19:00
Offline
Viton007
Przedsiębiorca
*

Investor User
Liczba postów: 720
Dołączył: 07.11.2010
Reputacja: 8 +
Poleconych: 46

Goldsy: 0.00
Post: #10
RE: Automatycznie tworzące się ramki
Nie bardzo, nigdy nie używałem wordpresa, nie powinno to być trudne, jednak tu nie jest w stanie Ci pomóc

Dead Zone - Martwa Strefa Gier Cool
02-12-2010 16:37
Odpowiedz 




Użytkownicy przeglądający ten wątek: 1 gości

Reklama
Forum o zarabianiu | Regulamin | Kontakt | Wróć do góry | Wróć do forów | Wersja Mobilna | RSS