Reklama
Strona 1 z 4 123 ... OstatniaOstatnia
Pokazuje wyniki od 1 do 15 z 46

Temat: [CSS] ramka w okół obrazków.

  1. #1
    Avatar Damovsky
    Data rejestracji
    2012
    Położenie
    Wrocław
    Posty
    1,144
    Siła reputacji
    13

    Domyślny [CSS] ramka w okół obrazków.

    chciałbym się pozbyć ramki w okół dodwanych obrazków na mojej stronie stworzonej w wordpressie
    edytuje plik "editor-style.css"
    oto caly kod jak zmienić zeby nie pjawiała się biała ramka w okół obrazka

    Kod :
    /*
    Theme Name: EvoLve
    */
    /*
    Used to style the TinyMCE editor.
    */
    html .mceContentBody {
    	max-width:640px;
    }
    * {
    	font-family: Georgia, "Bitstream Charter", serif;
    	color: #444;
    	line-height: 1.5;
    }
    p,
    dl,
    td,
    th,
    ul,
    ol,
    blockquote {
    	font-size: 16px;
    }
    tr th,
    thead th,
    label,
    tr th,
    thead th {
    	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    }
    pre {
    	font-family: "Courier 10 Pitch", Courier, monospace;
    }
    code, code var {
    	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    body, input, textarea {
    	font-size: 12px;
    	line-height: 18px;
    }
    hr {
    	background-color: #e7e7e7;
    	border:0;
    	height: 1px;
    	margin-bottom: 18px;
    	clear:both;
    }
    /* Text elements */
    p {
    	margin-bottom: 18px;
    }
    ul {
    	list-style: square;
    	margin: 0 0 18px 1.5em;
    }
    ol {
    	list-style: decimal;
    	margin: 0 0 18px 1.5em;
    }
    ol ol {
    	list-style:upper-alpha;
    }
    ol ol ol {
    	list-style:lower-roman;
    }
    ol ol ol ol {
    	list-style:lower-alpha;
    }
    ul ul,
    ol ol,
    ul ol,
    ol ul {
    	margin-bottom:0;
    }
    dl {
    	margin:0 0 24px 0;
    }
    dt {
    	font-weight: bold;
    }
    dd {
    	margin-bottom: 18px;
    }
    strong {
    	font-weight: bold;
    	color: #000;
    }
    cite,
    em,
    i {
    	font-style: italic;
    	border: none;
    }
    big {
    	font-size: 131.25%;
    }
    ins {
    	background: #ffffcc;
    	border: none;
    	color: #333;
    }
    del {
    	text-decoration: line-through;
    	color: #555;
    }
    blockquote {
    	font-style: italic;
    	padding: 0 3em;
    }
    blockquote cite,
    blockquote em,
    blockquote i {
    	font-style: normal;
    }
    pre {
    	background: #f7f7f7;
    	color: #222;
    	line-height: 18px;
    	margin-bottom: 18px;
    	padding: 1.5em;
    }
    abbr,
    acronym {
    	border-bottom: 1px dotted #666;
    	cursor: help;
    }
    ins {
    	text-decoration: none;
    }
    sup,
    sub {
    	height: 0;
    	line-height: 1;
    	vertical-align: baseline;
    	position: relative;
    	font-size: 10px;
    }
    sup {
    	bottom: 1ex;
    }
    sub {
    	top: .5ex;
    }
    a:link {
    	color:#0066cc;
    }
    a:visited {
    	color:#743399;
    }
    a:active,
    a:hover {
    	color: #ff4b33;
    }
    p,
    ul,
    ol,
    dd,
    pre,
    hr {
    	margin-bottom:24px;
    }
    ul ul,
    ol ol,
    ul ol,
    ol ul {
    	margin-bottom:0;
    }
    pre,
    kbd,
    tt,
    var {
    	font-size: 15px;
    	line-height: 21px;
    }
    code {
    	font-size: 13px;
    }
    strong,
    b,
    dt,
    th {
    	color: #000;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    	color: #000;
    	margin: 0 0 20px 0;
    	line-height: 1.5em;
    	font-weight: normal;
    }
    h1 {
    	font-size: 2.4em;
    }
    h2 {
    	font-size: 1.8em;
    }
    h3 {
    	font-size: 1.4em;
    }
    h4 {
    	font-size: 1.2em;
    }
    h5 {
    	font-size: 1em;
    }
    h6 {
    	font-size: 0.9em;
    }
    table {
    	border: 1px solid #e7e7e7 !important;
    	text-align: left;
    	margin: 0 -1px 24px 0;
    	width: 100%;
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    tr th,
    thead th {
    	border: none !important;
    	color: #888;
    	font-size: 12px;
    	font-weight: bold;
    	line-height: 18px;
    	padding: 9px 24px;
    }
    tr td {
    	border: none !important;
    	border-top: 1px solid #e7e7e7 !important;
    	padding: 6px 24px;
    }
    
    
    img {
    	margin: 0px;
    	max-width: 640px;
    }
    .alignleft,
    img.alignleft {
    	display: inline;
    	float: left;
    	margin-right: 24px;
    	margin-top: 4px;
    }
    .alignright,
    img.alignright {
    	display: inline;
    	float: right;
    	margin-left: 24px;
    	margin-top: 0px;
    }
    .aligncenter,
    img.aligncenter {
    	clear: both;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    img.alignleft,
    img.alignright,
    img.aligncenter {
    	margin-bottom: 12px;
    }
    .wp-caption {
    	color: #e7e7e7;
    	font-size: 12px;
    	line-height: 18px;
    	text-align: center;
    	margin-bottom: 20px;
    	padding: 4px;
    }
    .wp-caption img {
    	margin: 0px;
    }
    .wp-caption p.wp-caption-text {
    	margin: 0 0 4px;
    }
    .wp-smiley {
    	margin:0;
    }
    a img {
        border: none;
    }

  2. #2
    Avatar Cybuch
    Data rejestracji
    2004
    Położenie
    Poznań
    Wiek
    34
    Posty
    2,163
    Siła reputacji
    22

    Domyślny

    Nie zauważyłem tam nic, może nie ten plik css. Ogółem najprościej zrobić tak: odpalasz firebuga/jakiekolwiek narzedzie developerskie na otworzonej stronie, z tym obrazkiem i ramką nieszczęsną. Klikasz prawym na obrazek i dajesz inspect element (w firebugu) i patrzysz jaką ma klasę i w tej klasie zmieniasz border. Ew możesz zmienić w kodzie, przez dopisanie inline wewnątrz innego taga, np. <img src(...) style="border: none;"/> z tego co pamiętam to będzie to interpretowane jako nadrzędne nad plikami css przez przeglądarki.

  3. #3
    Avatar Malpa of Hell
    Data rejestracji
    2006
    Położenie
    Stargard
    Wiek
    31
    Posty
    556
    Siła reputacji
    20

    Domyślny

    Cybuch ma racje, nie ma tutaj raczej nic co mozna uznac za ramke.

    Dodam jeszcze ze ramki mozna zrobic na wiele sposobow wiec nie szukaj tylko "border".
    Sam czasem uzywam dodatkowego elementu ktoremu nadaje: margin/padding/box-shadow/background

  4. Reklama
  5. #4
    Avatar Damovsky
    Data rejestracji
    2012
    Położenie
    Wrocław
    Posty
    1,144
    Siła reputacji
    13

    Domyślny

    to w jaki sposob i w którym pliku mogłaby być ujęta ta ramka?

  6. #5
    Avatar Gray
    Data rejestracji
    2007
    Położenie
    Gdańsk
    Posty
    2,847
    Siła reputacji
    19

    Domyślny

    Cytuj Damovsky napisał Pokaż post
    Cytat został ukryty, ponieważ ignorujesz tego użytkownika. Pokaż cytat.
    to w jaki sposob i w którym pliku mogłaby być ujęta ta ramka?
    Zrób to co mówi Cybuch, albo daj linka do strony, bo skąd mamy wiedzieć jakie tam są pliki? ;d

  7. #6
    Avatar Damovsky
    Data rejestracji
    2012
    Położenie
    Wrocław
    Posty
    1,144
    Siła reputacji
    13

    Domyślny

    adres do strony http://tibia-ibot.pl/kontakt wąłsnie nie bardzo umiem sobie z tym poradzic nie wiem jak wyszukac ta klase

  8. Reklama
  9. #7
    Avatar Gray
    Data rejestracji
    2007
    Położenie
    Gdańsk
    Posty
    2,847
    Siła reputacji
    19

    Domyślny

    To na początek:

    http://tibia-ibot.pl/wp-content/them...a/css/base.css

    .entry-content img, .entry-content .wp-caption :
    background-color, border-left-color, border-right-color, border-top-color, border-left-color /// i w ogóle wszystko tam co dotyczy bordera


    Sprawdź co się stanie po wyrzuceniu tego.

  10. #8
    Avatar Cybuch
    Data rejestracji
    2004
    Położenie
    Poznań
    Wiek
    34
    Posty
    2,163
    Siła reputacji
    22

    Domyślny

    @up
    I po usunięciu/zmodyfikowaniu/whatever tego odśwież stronę używając ctrl + f5

  11. #9
    Avatar Damovsky
    Data rejestracji
    2012
    Położenie
    Wrocław
    Posty
    1,144
    Siła reputacji
    13

    Domyślny

    dziękować :*

  12. Reklama
  13. #10
    Avatar Damovsky
    Data rejestracji
    2012
    Położenie
    Wrocław
    Posty
    1,144
    Siła reputacji
    13

    Domyślny

    pozwole sobie odświeżyć na mojej stronie można zauwayc taki pasek z przesuwającą się ofertą http://tibia-ibot.pl/
    nie wiem jak zmienić to Learn More jak do tego dotrzec patrze za pomoca firebuga i tak nie wiem w jakim pliku może być zlokalizowana ta nazwa.

  14. #11
    Avatar Rollercoster
    Data rejestracji
    2011
    Wiek
    30
    Posty
    1,247
    Siła reputacji
    15

    Domyślny

    <a class="da-link" href="http://tibia-ibot.pl/oferta/ibot-za-zlotowki">

    Learn more

    </a>
    .da-slide .da-link {
    top: 230px;
    text-shadow: 0px 1px 2px rgb(17, 17, 17) !important;
    padding: 3px 15px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid rgb(34, 34, 34);
    background: -moz-linear-gradient(center top , rgb(96, 96, 96) 20%, rgb(80, 80, 80) 100%) repeat scroll 0% 0% transparent;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 0px 5px rgba(0, 0, 0, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.29);
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    }
    Chyba to.

    @edit

    Klikasz prawym na wybrany element i dajesz "Zbadaj element" w FF.

  15. #12
    Avatar Damovsky
    Data rejestracji
    2012
    Położenie
    Wrocław
    Posty
    1,144
    Siła reputacji
    13

    Domyślny

    chodzi mi o nazwe pliku w którym jest to zdefiniowane że ma być tam "learn more" a nie kawałek kodu bo mając otwarty ten plik moge to wyszukac

  16. Reklama
  17. #13
    Avatar Rollercoster
    Data rejestracji
    2011
    Wiek
    30
    Posty
    1,247
    Siła reputacji
    15

    Domyślny

    A skąd my mamy to wiedzieć nie znając struktury plików?
    Może gdzieś tutaj:
    'http://tibia-ibot.pl/wp-content/themes/evolve

    Najlepiej podaj link do szablonu.

  18. #14
    Avatar Damovsky
    Data rejestracji
    2012
    Położenie
    Wrocław
    Posty
    1,144
    Siła reputacji
    13

    Domyślny

    tyle to ja też wiem myslałem że za pomocą FireBuga idzie znaleźć plik w którym się coś znajduje

    http://wordpress.org/themes/evolve

  19. #15
    Avatar Decretis
    Data rejestracji
    2004
    Wiek
    32
    Posty
    5,426
    Siła reputacji
    25

    Domyślny

    sidebar.php chyba.

  20. Reklama
Reklama

Informacje o temacie

Użytkownicy przeglądający temat

Aktualnie 1 użytkowników przegląda ten temat. (0 użytkowników i 1 gości)

Podobne tematy

  1. [HTML] Graficzna ramka, rozciągalna
    Przez JaToOgarne w dziale Programowanie
    Odpowiedzi: 7
    Ostatni post: 21-12-2013, 11:48
  2. pliki obrazków
    Przez Faradint w dziale Sprzęt i oprogramowanie
    Odpowiedzi: 2
    Ostatni post: 16-06-2012, 19:16
  3. Pobieranie obrazków ze stron masowo
    Przez Ander Twenty w dziale Sprzęt i oprogramowanie
    Odpowiedzi: 2
    Ostatni post: 01-04-2012, 23:04

Zakładki

Zakładki

Zasady postowania

  • Nie możesz pisać nowych tematów
  • Nie możesz pisać postów
  • Nie możesz używać załączników
  • Nie możesz edytować swoich postów
  •