Skip to content

Commit

Permalink
Update
Browse files Browse the repository at this point in the history
Adds the 'messaging' template example.
  • Loading branch information
cara-tm committed Sep 5, 2017
1 parent 0c2daef commit 0dcb1ab
Showing 1 changed file with 8 additions and 10 deletions.
18 changes: 8 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -68,15 +68,21 @@ Remove all the code between `<style>` and `</style>` from the `demo.html` page,

## Custom template FLATERIAL (v1.4 onward)

Remove all the code between `<style>` and `</style>` from the `demo.html` page, then add before the final `</head>` tag:
Remove all the code between `<style>` and `</style>` from the `demo.html` page, then add before the final `</head>` tag (or see the `flaterial.html` file):

<link rel="stylesheet" href="css/modal-box.min.css" media="screen">
<!-- Facultative: for optional elements -->
<link rel="stylesheet" href="css/custom.min.css" media="screen">
<!-- Sample custom colors styling (overwrite default) -->
<link rel="stylesheet" href="css/flaterial.css" media="screen">

![FLATERIAL template sample](https://github.com/cara-tm/modal_box/raw/master/flaterial-template.png "The FLATERIAL Template result").
![FLATERIAL template sample](https://github.com/cara-tm/modal_box/raw/master/flaterial-template.png "The FLATERIAL template result").

## Custom template for messaging (v1.5 onward)

See the file `message-box.html` for details:

![FLATERIAL template sample](https://github.com/cara-tm/modal_box/raw/master/messages-template.png "Messaging template result").

## Integration example

Expand Down Expand Up @@ -104,12 +110,4 @@ CSS rules has been verified troughout the online "Validate your CSS for differen

## Screen shots

Google Chromium (latest) PC preview:
![Google Chromium PC](https://github.com/cara-tm/modal_box/raw/master/google-chromium.png "Google Chromium PC")

.


.

See the 'png' images for all the different browsers.

0 comments on commit 0dcb1ab

Please sign in to comment.