Do not remember me!
/ / / CSS buttons, bookmarks, warning and I like

CSS buttons, bookmarks, warning and I like

CSS buttons, bookmarks, warning and I likeCSS buttons, bookmarks, warning and I likeCSS buttons, bookmarks, warning and I like

Hey guys, have if anyone knows the CSS styles of buttons, as is the structure of the box dlestarted, I like :) Thanks

Favorites button, warning and I like Added by: in CSS Questions on
You can make up any kinds of CSS you want to use, it's not that difficult to make css and html because it has nothing to do with php and database

Here is example CSS
.btn{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:0}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus{color:#333;text-decoration:none}
.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}

.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:hover,.btn-default:focus,.btn-default:active{color:#333;background-color:#ebebeb;border-color:#adadad}
.btn-default:active{background-image:none}

.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{color:#fff;background-color:#3276b1;border-color:#285e8e}
.btn-primary:active{background-image:none}

.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active{color:#fff;background-color:#ed9c28;border-color:#d58512}
.btn-warning:active{background-image:none}

.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active{color:#fff;background-color:#d2322d;border-color:#ac2925}
.btn-danger:active{background-image:none}

.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
.btn-success:hover,.btn-success:focus,.btn-success:active{color:#fff;background-color:#47a447;border-color:#398439}
.btn-success:active{background-image:none}

.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
.btn-info:hover,.btn-info:focus,.btn-info:active{color:#fff;background-color:#39b3d7;border-color:#269abc}
.btn-info:active{background-image:none}
HTML Example
<!-- Standard gray button with gradient -->
<span class="btn btn-default">Default</span>
<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<span class="btn btn-primary">Primary</span>
<!-- Indicates a successful or positive action -->
<span class="btn btn-success">Success</span>
<!-- Contextual button for informational alert messages -->
<span class="btn btn-info">Info</span>
<!-- Indicates caution should be taken with this action -->
<span class="btn btn-warning">Warning</span>
<!-- Indicates a dangerous or potentially negative action -->
<span class="btn btn-danger">Danger</span>

DLE uses example
[not-group=5]
[complaint]<span class="btn btn-danger">Report Illegal Materials</span>[/complaint]
<span class="btn btn-warning">{favorites}</span>
[edit]<span class="btn btn-success">Edit</span>[/edit]
[/not-group]

You can use font awesome for all icons or images of your choice...

For rating was already been asked here
http://www.dlefaq.com/css/12-rating.html

For sharing buttons was already also asked here
http://www.dlefaq.com/html/14-share-this-on.html

ps: you should have asked dlestarter.com forum directly to get anything from their site, it's not commercial works, you can just ask them honestly and users askins them all the time, if there is not restriction on their end, they will answer it


Tags: CSS

+2

Comments 4

  1. primeyt
    0
    primeyt Currently Offline → 10 May 2015 14:32

    Thanks, I'll remember for the next.
     3 |  4
  2. primeyt
    0
    primeyt Currently Offline → 10 May 2015 16:35

    And I have created all my sources awesome buttons, I am very well :)

    Just one more question, and I can change to link "{favorites}"

    Default is a .gif image "plus_fav.gif"

    I have as well, but nose well as linking.

    <span class="btn btn-primary"><i class="fa fa-heartbeat">{favorites}</i> Bookmark</span>
     3 |  4
  3. dlefaq
    +1
    dlefaq Currently Offline → 10 May 2015 18:52

    Replace {favorites} with
    [add-favorites]<span class="btn btn-primary"><i class="fa fa-heart"></i> Add to favorites/Bookmark</span>[/add-favorites]
    [del-favorites]<span class="btn btn-default"><i class="fa fa-heart-o"></i> Remove from favorites/Bookmark</span>[/del-favorites]
     2 |  102
  4. primeyt
    0
    primeyt Currently Offline → 10 May 2015 19:35

    It works perfect, thanks for the support fellow winked
     3 |  4

Information

Would you like to leave your comment? Please Login to your account to leave comments. Don't have an account? You can create a free account now.