FANDOM


Hi! I have found some CSS codes from How To Train Your Dragon Wiki . I was thinking to add them, but I wasn´t sure do we really need them or what pictures are we gonna use in them. So I need your opinion for these codes.

Button Code

With this code we can add background to the buttons. Like in How To Train Your Dragon Wiki, they have used red dragon skin as a backgound for the buttons.

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type
="submit"], input[type
="reset"], input[type
="button"], .button, button,
a.wikia-button:active, 
#Wall.Thread .comments > .message > .speech-bubble-message .follow , .wikia-single-button a:active, .wikia-menu-button:active, input[type
="submit"]:active, input[type
="reset"]:active, input[type
="button"]:active, .button:active, button:active {
	background: url("") repeat;
    border-radius:10px;
    color:white;
}

User Speech Bubble Picture Code

This code is for the speech bubble that has information and it reads the user name and

how many edits you have done that is in every user page. In that wiki they have added a picture of Toothless. It doesn´t have to be a clip art picture, we can add a whole background for the speech bubble.

.UserProfileMasthead .masthead-info {
    background-image: url();
 
}

Wordmark Animation Code

In that wiki when you move your mouse on the Wordmark, it pop ups.

/*animation*/
.WikiHeader .wordmark {
    -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -moz-transition: All 0.6863s ease;
    -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -o-transition: All 0.6863s ease;
    -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -webkit-transition: All 0.6863s ease;
    color: red;
    font-weight: bold;
    margin-bottom: 10px;
    width: 250px;
    word-wrap: break-word;
}

Search Picture

When you search someting, you go to a page that shows you all the matches with that word. With this code we can add a background to the search. Like in that wiki they have Toothless.

.WikiaSearch input[type
="text"] {
background: 
#9b9b9b url() no-repeat top !important;
border-radius: 5px;
color: black;
 
}
So what do you think? Do we need these codes? And if we do what pictures are we going to use?
Max dog

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.