Auf Thema antworten

Beitrag

[QUOTE="Frankster, post: 13154, member: 4479"]
Ok, I will keep that in mind for future questions.
I hope I did it right this way. Also, Thank You for the link. I´ll go check it out.

[CODE=html]<!DOCTYPE html>
<html>
<head>
  <title>Button Exercises</title>
  <link rel="Stylesheet" href="Styles/Buttons.css"></head>
<body>
  <div class="firstthreebuttons">
  <button class="subscribe-button">
    SUBSCRIBE
  </button>
 
  <button class="Join button">
    JOIN</button>
 
  <button class="Tweet button"><strong>
    Tweet</strong></button>

</div>[/CODE]

[CODE=css].subscribe-button {
    background-color:rgb(174, 19, 19);
    color: white;border: 0ch;height: 30px;width: 105px;border-radius: 2px;cursor: pointer;
    transition: 0.20s;margin-left: 0px;}

.subscribe-button:hover {
    opacity: 0.5;}
 
  .subscribe-button:active {
    opacity: 1;}

.join button {
      background-color: white;border-color: rgb(31, 73, 213);border-style: solid;border-width: 1px;color:rgb(31, 73, 213);
      height: 36px;width: 62px;border-radius: 2px;cursor: pointer;margin-left: 8px;transition: 0.30s; }
      
      .join button:hover {
        background-color:rgb(31, 73, 213);color:white;}
      
      .join button:active {
        opacity: 0.75;}

.tweet-button {background-color: rgb(0, 195, 255);border: none;color:white;border-radius: 20px;width: 75px;
          height: 40px;font-size: medium;margin-left: 8px;cursor: pointer;transition: 0.15s;}
        
          .tweet button:hover {
            box-shadow:10px 10px 10px rgba(0,0,0,0.15);
            margin-right: 10px;cursor: pointer;}

.tweet-button:active {opacity: 0.80;}
[/CODE]
[/QUOTE]

Authentifizierung